feat: add category heroicons

Author: SychO9

sidebars.js

@@ -3,6 +3,7 @@ module.exports = {
     {
       type: 'category',
       label: 'Introduction',
+      className: 'menu__intro-category',
       collapsible: false,
       items: [
         'README',
@@ -15,6 +16,7 @@ module.exports = {
     {
       type: 'category',
       label: 'Contribute',
+      className: 'menu__contribute-category',
       collapsible: false,
       items: [
         'contributing',
@@ -29,6 +31,7 @@ module.exports = {
     {
       type: 'category',
       label: 'Setting Up',
+      className: 'menu__install-category',
       collapsible: false,
       items: [
         'composer',
@@ -40,6 +43,7 @@ module.exports = {
     {
       type: 'category',
       label: 'Management',
+      className: 'menu__manage-category',
       collapsible: false,
       items: [
         'admin',
@@ -56,6 +60,7 @@ module.exports = {
     {
       type: 'category',
       label: 'Advanced',
+      className: 'menu__advanced-category',
       collapsible: false,
       items: [
         'rest-api',
@@ -69,6 +74,7 @@ module.exports = {
       type: 'category',
       label: 'Main Concepts',
       collapsible: false,
+      className: 'menu__intro-category',
       items: [
         'extend/README',
         'extend/start',
@@ -84,6 +90,7 @@ module.exports = {
       type: 'category',
       label: 'Update Guides',
       collapsible: false,
+      className: 'menu__update-category',
       items: [
         // 'extend/update-2_x',
         'extend/update-2_0',
@@ -94,6 +101,7 @@ module.exports = {
       type: 'category',
       label: 'Reference Guides',
       collapsible: false,
+      className: 'menu__refs-category',
       items: [
         'extend/admin',
         'extend/backend-events',
@@ -116,6 +124,7 @@ module.exports = {
       type: 'category',
       label: 'Advanced Guides',
       collapsible: false,
+      className: 'menu__advanced-category',
       items: [
         'extend/api-throttling',
         'extend/assets',

src/assets/adjustments-vertical.svg

@@ -153,7 +153,7 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
   margin-top: 1.5rem;
 }
 
-.menu__list-item-collapsible .menu__link:not(.menu__link--active) {
+.menu__list-item-collapsible .menu__link {
   color: var(--ifm-color-black);
 }
 
@@ -280,3 +280,35 @@ img[alt="Flarum Home Screenshot"] {
   margin: 0 calc(-1 * var(--ifm-pre-padding));
   padding: 0 var(--ifm-pre-padding);
 }
+
+.theme-doc-sidebar-item-category-level-1 > .menu__list-item-collapsible > .menu__link::before {
+  --size: 16px;
+  width: var(--size);
+  height: var(--size);
+  margin-right: calc(var(--size) / 2);
+  margin-left: calc(0px - var(--size) / 2);
+  filter: invert(1);
+  display: inline-block;
+}
+
+.menu__intro-category > .menu__list-item-collapsible > .menu__link::before {
+  content: url("../assets/book-open.svg");
+}
+.menu__contribute-category > .menu__list-item-collapsible > .menu__link::before {
+  content: url("../assets/lifebuoy.svg");
+}
+.menu__install-category > .menu__list-item-collapsible > .menu__link::before {
+  content: url("../assets/arrow-down-tray.svg");
+}
+.menu__manage-category > .menu__list-item-collapsible > .menu__link::before {
+  content: url("../assets/adjustments-vertical.svg");
+}
+.menu__advanced-category > .menu__list-item-collapsible > .menu__link::before {
+  content: url("../assets/light-bulb.svg");
+}
+.menu__update-category > .menu__list-item-collapsible > .menu__link::before {
+  content: url("../assets/document-arrow-up.svg");
+}
+.menu__refs-category > .menu__list-item-collapsible > .menu__link::before {
+  content: url("../assets/cube.svg");
+}