diff --git a/src/css/custom.scss b/src/css/custom.scss
index 688db37e5a..2e4a88e8cf 100644
--- 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;