update primary color

docusaurus.config.ts

@@ -36,8 +36,9 @@ const config: Config = {
                 routeBasePath: "/",
             } as import("@docusaurus/plugin-content-docs").Options,
         ],
+        "ideal-image",
     ],
-    themes: ["classic"],
+    themes: [["classic", { customCss: "src/css/custom.css" }]],
     themeConfig: {
         docs: {
             sidebar: {
@@ -58,6 +59,12 @@ const config: Config = {
             },
             hideOnScroll: true,
             items: [
+                {
+                    type: "doc",
+                    position: "left",
+                    docId: "index",
+                    label: "Docs",
+                },
                 {
                     type: "docsVersionDropdown",
                     position: "right",

package.json

@@ -20,7 +20,6 @@
         "@docusaurus/plugin-debug": "^3.5.2",
         "@docusaurus/plugin-sitemap": "^3.5.2",
         "@docusaurus/theme-classic": "^3.5.2",
-        "@docusaurus/theme-search-algolia": "^3.5.2",
         "@mdx-js/react": "^3.0.0",
         "clsx": "^2.0.0",
         "prism-react-renderer": "^2.3.0",
@@ -29,6 +28,7 @@
     },
     "devDependencies": {
         "@docusaurus/module-type-aliases": "3.5.2",
+        "@docusaurus/plugin-ideal-image": "^3.5.2",
         "@docusaurus/tsconfig": "3.5.2",
         "@docusaurus/types": "3.5.2",
         "@eslint/js": "^9.9.0",

src/css/custom.css

@@ -0,0 +1,3 @@
+:root {
+    --ifm-color-primary: #58c142;
+}