fix menu, change color scheme

docs/api/_category_.json

@@ -1,7 +1,4 @@
 {
   "label": "API",
   "position": 7,
-  "link": {
-    "type": "generated-index"
-  }
 }

docs/architecture/_category_.json

@@ -1,7 +1,4 @@
 {
   "label": "Architecture",
   "position": 10,
-  "link": {
-    "type": "generated-index"
-  }
 }

docs/browser/_category_.json

@@ -1,7 +1,4 @@
 {
   "label": "Browser",
   "position": 1,
-  "link": {
-    "type": "generated-index"
-  }
 }

docs/git/_category_.json

@@ -1,7 +1,4 @@
 {
   "label": "Git",
   "position": 8,
-  "link": {
-    "type": "generated-index"
-  }
 }

docs/html-css/_category_.json

@@ -1,7 +1,4 @@
 {
   "label": "HTML / CSS",
   "position": 2,
-  "link": {
-    "type": "generated-index"
-  }
 }

docs/javascript/_category_.json

@@ -1,7 +1,4 @@
 {
   "label": "Javascript",
   "position": 3,
-  "link": {
-    "type": "generated-index"
-  }
 }

docs/react/_category_.json

@@ -1,7 +1,4 @@
 {
   "label": "React",
   "position": 5,
-  "link": {
-    "type": "generated-index"
-  }
 }

docs/state-managers/_category_.json

@@ -1,7 +1,4 @@
 {
   "label": "State managers",
   "position": 6,
-  "link": {
-    "type": "generated-index"
-  }
 }

docs/tasks/_category_.json

@@ -1,7 +1,4 @@
 {
   "label": "Tasks",
   "position": 12,
-  "link": {
-    "type": "generated-index"
-  }
 }

docs/team/_category_.json

@@ -1,7 +1,4 @@
 {
   "label": "Team work",
   "position": 9,
-  "link": {
-    "type": "generated-index"
-  }
 }

docs/testing/_category_.json

@@ -1,7 +1,4 @@
 {
   "label": "Testing",
   "position": 11,
-  "link": {
-    "type": "generated-index"
-  }
 }

docs/typescript/_category_.json

@@ -1,7 +1,4 @@
 {
   "label": "Typescript",
   "position": 4,
-  "link": {
-    "type": "generated-index"
-  }
 }

docusaurus.config.ts

@@ -67,6 +67,11 @@ const config: Config = {
   themeConfig: {
     // Replace with your project's social card
     image: 'svg/developer-logo.svg',
+    docs: {
+      sidebar: {
+        autoCollapseCategories: true,
+      }
+    },
     navbar: {
       title: 'Frontend Docs',
       logo: {
@@ -127,7 +132,7 @@ const config: Config = {
           ]
         }
       ],
-      copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`,
+      copyright: `Copyright © ${new Date().getFullYear()} RedRock corp. Built with Docusaurus.`,
     },
     prism: {
       theme: prismThemes.github,

src/css/custom.css

@@ -6,25 +6,41 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #2e8555;
+  /* default color scheme */
-  --ifm-color-primary-dark: #29784c;
+  /*--ifm-color-primary: #2e8555;*/
-  --ifm-color-primary-darker: #277148;
+  /*--ifm-color-primary-dark: #29784c;*/
-  --ifm-color-primary-darkest: #205d3b;
+  /*--ifm-color-primary-darker: #277148;*/
-  --ifm-color-primary-light: #33925d;
+  /*--ifm-color-primary-darkest: #205d3b;*/
-  --ifm-color-primary-lighter: #359962;
+  /*--ifm-color-primary-light: #33925d;*/
-  --ifm-color-primary-lightest: #3cad6e;
+  /*--ifm-color-primary-lighter: #359962;*/
+  /*--ifm-color-primary-lightest: #3cad6e;*/
+  --ifm-color-primary: #1c7cd6;
+  --ifm-color-primary-dark: #196fc1;
+  --ifm-color-primary-darker: #1769b6;
+  --ifm-color-primary-darkest: #135696;
+  --ifm-color-primary-light: #2f8bdf;
+  --ifm-color-primary-lighter: #3a91e1;
+  --ifm-color-primary-lightest: #57a4e6;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
-  --ifm-color-primary: #25c2a0;
+  /* default color scheme */
-  --ifm-color-primary-dark: #21af90;
+  /*--ifm-color-primary: #25c2a0;*/
-  --ifm-color-primary-darker: #1fa588;
+  /*--ifm-color-primary-dark: #21af90;*/
-  --ifm-color-primary-darkest: #1a8870;
+  /*--ifm-color-primary-darker: #1fa588;*/
-  --ifm-color-primary-light: #29d5b0;
+  /*--ifm-color-primary-darkest: #1a8870;*/
-  --ifm-color-primary-lighter: #32d8b4;
+  /*--ifm-color-primary-light: #29d5b0;*/
-  --ifm-color-primary-lightest: #4fddbf;
+  /*--ifm-color-primary-lighter: #32d8b4;*/
+  /*--ifm-color-primary-lightest: #4fddbf;*/
+  --ifm-color-primary: #42a5f5;
+  --ifm-color-primary-dark: #1e88e5;
+  --ifm-color-primary-darker: #1976d2;
+  --ifm-color-primary-darkest: #1565c0;
+  --ifm-color-primary-light: #64b5f6;
+  --ifm-color-primary-lighter: #90caf9;
+  --ifm-color-primary-lightest: #bbdefb;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }