From f08eacb0779d4d514500d96c36606c7ecec13e69 Mon Sep 17 00:00:00 2001
From: Arista Indrajaya <arista.indrajaya@gmail.com>
Date: Thu, 7 Mar 2024 18:24:25 +0700
Subject: [PATCH] docs: Add a highlight category for each Menu groups.

---
 docs/sidebars.js        | 74 +++++++++++++++++++++++++++++++++++++++--
 docs/src/css/custom.css | 15 +++++++++
 2 files changed, 87 insertions(+), 2 deletions(-)

diff --git a/docs/sidebars.js b/docs/sidebars.js
index fb14f0abe..dea87cd9e 100644
--- a/docs/sidebars.js
+++ b/docs/sidebars.js
@@ -150,10 +150,80 @@ const sidebars = {
       ],
     },
   ],
+  // guidesSidebar: [
+  //   {
+  //     type: "autogenerated",
+  //     dirName: "guides",
+  //   },
+  // ],
   guidesSidebar: [
     {
-      type: "autogenerated",
-      dirName: "guides",
+      type: "category",
+      label: "Get Started",
+      collapsible: false,
+      className: "head_Menu",
+      items: [
+        "guides/quickstart",
+        "guides/install",
+        "guides/start-server",
+        "guides/models-list"
+      ]
+    },
+    {
+      type: "category",
+      label: "Guides",
+      collapsible: false,
+      className: "head_Menu",
+      items: [
+        "guides/best-practices",
+        "guides/thread",
+        "guides/faq",
+        "guides/hardware-requiement",
+      ]
+    },
+    {
+      type: "category",
+      label: "Advanced Features",
+      collapsible: false,
+      className: "head_Menu",
+      items: [
+        "guides/models/README",
+        "guides/models/customize-engine",
+        "guides/models/import-models",
+        "guides/models/integrate-remote",
+        "guides/extensions/README",
+        "guides/extensions/import-ext",
+        "guides/extensions/setup-ext",
+        "guides/integration/README",
+        "guides/integration/azure",
+        "guides/integration/discord",
+        "guides/integration/groq",
+        "guides/integration/lmstudio",
+        "guides/integration/mistral",
+        "guides/integration/ollama",
+        "guides/integration/openinterpreter",
+        "guides/integration/openrouter",
+        "guides/integration/raycast",
+        "guides/integration/vscode",
+      ]
+    },
+    {
+      type: "category",
+      label: "Troubleshooting",
+      collapsible: false,
+      className: "head_Menu",
+      items: [
+        "guides/common-error/README",
+        "guides/common-error/broken-build",
+        "guides/common-error/not-using-gpu",
+        "guides/error-codes/README",
+        "guides/error-codes/how-to-get-error-logs",
+        "guides/error-codes/permission-denied",
+        "guides/error-codes/something-amiss",
+        "guides/error-codes/undefined-issue",
+        "guides/error-codes/unexpected-token",
+        "guides/faq"
+      ]
     },
   ],
   developerSidebar: [
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index 9ed8fd0d8..5307bec2e 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -6,3 +6,18 @@
 [data-theme="dark"] .DocSearch {
   --docsearch-hit-active-color: #090a11; /* Keep the color unchanged */
 }
+
+/* sidebarStyles.css */
+.head_Menu div {
+  font-weight: bold;
+  background-color: whitesmoke;
+  margin-left: 0.7rem;
+  font-size: larger;
+}
+
+.head_Menu li {
+  /* Custom styles for the sidebar items */
+  font-weight: normal;
+  background-color: white;
+  margin-bottom: 5px; /* Adjust margin as needed */
+}
\ No newline at end of file