fix: lisght mode issues in docs

Elue-dev · Oct 5, 2024 · 0253756 · 0253756
1 parent 0d4f781
commit 0253756
Showing 1 changed file with 13 additions and 26 deletions.
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
@@ -1,32 +1,24 @@
-html[data-theme="dark"] {
+[data-theme="light"] {
+  --ifm-background-color: #ffffff;
+  --ifm-navbar-background-color: #ffffff;
+  --ifm-navbar-color: #000000;
+}
+
+[data-theme="dark"] {
+  --ifm-background-color: #000000;
+  --ifm-navbar-background-color: #000000;
+  --ifm-navbar-color: #ffffff;
+
   body {
     background-color: #000 !important;
   }
 
-  body::before {
-    content: "";
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 5px;
-    background-image: url("/img/pattern.avif");
-    background-repeat: repeat-x;
-    z-index: 9999;
-  }
-
   .navbar {
     background-color: #000 !important;
   }
 
-  .navbar__item {
-    color: white !important;
-  }
-
-  .navbar__title {
-    color: white !important;
-  }
-
+  .navbar__item,
+  .navbar__title,
   .navbar__toggle {
     color: white !important;
   }
@@ -38,11 +30,6 @@ html[data-theme="dark"] {
   footer {
     background-color: #1c1e21 !important;
   }
-
-  /* For dark mode */
-  [data-theme="dark"] footer {
-    background-color: darkred !important;
-  }
 }
 
 :root {