make sure seach overlay input is always black

dfinity · Nov 21, 2024 · c369dea · c369dea
1 parent da9160b
commit c369dea
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/css/custom.scss b/src/css/custom.scss
@@ -171,9 +171,9 @@ html.docs-wrapper[data-theme='dark'] {
         color: rgb(from var(--icp-on-surface) r g b / 50%);
       }
     }
-
-    .mainsearchinput {
-      color: var(--icp-on-surface--inverted);
+    .mainsearchinput,
+    input.mainsearchinput {
+      color: var(--icp-on-surface--inverted, #000);
     }
 
     main[class*=docMainContainer_] {
@@ -248,6 +248,13 @@ html.docs-wrapper[data-theme='dark'] {
   }
 }
 
+html[data-theme='dark'] {
+  .mainsearchinput,
+  input.mainsearchinput {
+    color: #000;
+  }
+}
+
 /* browser resets */
 abbr[title] {
   text-decoration: none;