docs: add light mode

bamlab · Oct 28, 2024 · 2656d5e · 2656d5e
1 parent 2f31d88
commit 2656d5e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -83,7 +83,8 @@ const config = {
         logo: {
           href: "https://flashlight.dev",
           alt: "Flashlight",
-          src: "img/logo.svg",
+          src: "img/logo-black.svg",
+          srcDark: "img/logo.svg",
         },
         items: [
           {
@@ -129,10 +130,6 @@ const config = {
       colorMode: {
         // "light" | "dark"
         defaultMode: "dark",
-
-        // Hides the switch in the navbar
-        // Useful if you want to support a single color mode
-        disableSwitch: true,
       },
     }),
 };

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -25,10 +25,14 @@
   --ifm-heading-color: rgba(255, 255, 255);
   --ifm-heading-font-family: "Merriweather", serif;
   --ifm-menu-color: rgba(200, 200, 200);
+
+  .menu__link {
+    color: rgba(255, 255, 255);
+  }
 }
 
-.menu__link {
-  color: rgba(255, 255, 255);
+[data-theme="light"] {
+  --ifm-color-primary: #ff039b;
 }
 
 .menu__list .menu__list .menu__link {