feat: add category heroicons

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/css/custom.css

@@ -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");
+}

versioned_sidebars/version-1.x-sidebars.json

@@ -4,6 +4,7 @@
       "type": "category",
       "label": "Introduction",
       "collapsible": false,
+      "className": "menu__intro-category",
       "items": [
         "README",
         "code-of-conduct",
@@ -16,6 +17,7 @@
       "type": "category",
       "label": "Contribute",
       "collapsible": false,
+      "className": "menu__contribute-category",
       "items": [
         "contributing",
         "contributing-docs-translations",
@@ -30,6 +32,7 @@
       "type": "category",
       "label": "Setting Up",
       "collapsible": false,
+      "className": "menu__install-category",
       "items": [
         "composer",
         "install",
@@ -41,6 +44,7 @@
       "type": "category",
       "label": "Management",
       "collapsible": false,
+      "className": "menu__manage-category",
       "items": [
         "admin",
         "config",
@@ -56,6 +60,7 @@
       "type": "category",
       "label": "Advanced",
       "collapsible": false,
+      "className": "menu__advanced-category",
       "items": [
         "rest-api",
         "extenders"
@@ -67,6 +72,7 @@
       "type": "category",
       "label": "Main Concepts",
       "collapsible": false,
+      "className": "menu__intro-category",
       "items": [
         "extend/README",
         "extend/start",
@@ -82,6 +88,7 @@
       "type": "category",
       "label": "Reference Guides",
       "collapsible": false,
+      "className": "menu__update-category",
       "items": [
         "extend/admin",
         "extend/backend-events",
@@ -104,6 +111,7 @@
       "type": "category",
       "label": "Advanced Guides",
       "collapsible": false,
+      "className": "menu__refs-category",
       "items": [
         "extend/api-throttling",
         "extend/assets",
@@ -126,6 +134,7 @@
       "type": "category",
       "label": "Update Guides",
       "collapsible": false,
+      "className": "menu__advanced-category",
       "items": [
         "extend/update-1_x",
         "extend/update-1_0",