Change of plans, focus only on navbar

opentofu · Sep 7, 2023 · b01da70 · b01da70
1 parent f422493
commit b01da70
Show file tree

Hide file tree

Showing 14 changed files with 38 additions and 214 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -24,28 +24,25 @@ const config = {
     locales: ["en"],
   },
 
-  themes: [
-    function customTheme() {
-      return {
-        name: "custom-theme",
-        getClientModules() {
-          return [require.resolve("./src/css/custom.css")];
+  presets: [
+    [
+      "classic",
+      /** @type {import('@docusaurus/preset-classic').Options} */
+      ({
+        theme: {
+          customCss: [require.resolve("./src/css/custom.css")],
         },
-      };
-    },
+        docs: {
+          sidebarPath: require.resolve("./sidebars.js"),
+          routeBasePath: "/docs",
+        },
+        blog: false,
+      }),
+    ],
   ],
 
   plugins: [
     "./plugins/blog-plugin",
-    [
-      "@docusaurus/plugin-content-docs",
-      {
-        sidebarPath: require.resolve("./sidebars.js"),
-        routeBasePath: "/docs",
-      },
-    ],
-    // "@docusaurus/plugin-content-blog",
-    "@docusaurus/plugin-content-pages",
     function tailwindPlugin() {
       return {
         name: "tailwindcss",

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -4,8 +4,29 @@
 @tailwind components;
 @tailwind utilities;
 
-html {
-  background-color: theme("colors.dark1");
+html[data-theme="dark"] {
+  --ifm-color-primary: #b173ff;
+  --ifm-color-primary-dark: #9c4eff;
+  --ifm-color-primary-darker: #923cff;
+  --ifm-color-primary-darkest: #7304ff;
+  --ifm-color-primary-light: #c698ff;
+  --ifm-color-primary-lighter: #d0aaff;
+  --ifm-color-primary-lightest: #efe2ff;
+  --ifm-background-color: theme("colors.dark1");
+  --ifm-navbar-background-color: transparent;
+  --ifm-heading-font-family: theme("fontFamily.sans");
+  --ifm-navbar-item-padding-horizontal: 0;
+  --ifm-navbar-height: theme("height.24");
+  --ifm-toc-border-color: transparent;
+}
+
+.theme-doc-sidebar-menu {
+  border-right: 1px solid rgba(255, 255, 255, 0.1);
+  padding-right: 20px;
+}
+
+.table-of-contents {
+  border-left: 1px solid rgba(255, 255, 255, 0.1);
 }
 
 body {

diff --git a/src/theme/BlogPostPage/Metadata/index.js b/src/theme/BlogPostPage/Metadata/index.js
diff --git a/src/theme/BlogPostPage/index.js b/src/theme/BlogPostPage/index.js
diff --git a/src/theme/BlogPostPaginator/index.tsx b/src/theme/BlogPostPaginator/index.tsx
diff --git a/src/theme/DocItem/index.tsx b/src/theme/DocItem/index.tsx
diff --git a/src/theme/DocPage/index.tsx b/src/theme/DocPage/index.tsx
diff --git a/src/theme/ErrorPageContent.tsx b/src/theme/ErrorPageContent.tsx
diff --git a/src/theme/Layout/Provider/index.tsx b/src/theme/Layout/Provider/index.tsx
diff --git a/src/theme/Layout/index.tsx b/src/theme/Layout/index.tsx
diff --git a/src/theme/Navbar/Content/index.tsx b/src/theme/Navbar/Content/index.tsx
@@ -32,7 +32,7 @@ export default function NavbarContent() {
   const searchBarItem = items.find((item) => item.type === "search");
 
   return (
-    <div className="flex text-white justify-between container mx-auto p-4 sm:p-0">
+    <div className="flex text-white justify-between container mx-auto p-4 sm:p-0 navbar">
       <div className="flex items-center gap-6">
         <NavbarMobileSidebarToggle />
         <NavbarLogo />

diff --git a/src/theme/SearchBar.tsx b/src/theme/SearchBar.tsx
diff --git a/src/theme/SearchMetadata/index.tsx b/src/theme/SearchMetadata/index.tsx
diff --git a/src/theme/SkipToContent/index.tsx b/src/theme/SkipToContent/index.tsx