diff --git a/docs/src/layouts/App/base.scss b/docs/src/layouts/App/base.scss
index bcfd8d24..56883a73 100644
--- a/docs/src/layouts/App/base.scss
+++ b/docs/src/layouts/App/base.scss
@@ -1,3 +1,9 @@
+:root {
+  --docsearch-primary-color: #{$colorBlack} !important;
+  --docsearch-logo-color: #{rgba($colorBlack, 0.3)} !important;
+  --docsearch-container-background: #{rgba($colorBlack, 0.7)} !important;
+}
+
 *,
 *::before,
 *::after {
diff --git a/docs/src/variables.scss b/docs/src/variables.scss
index d8428e1a..77eec9e6 100644
--- a/docs/src/variables.scss
+++ b/docs/src/variables.scss
@@ -10,12 +10,6 @@ $colorBlue: #70CFF8;
 $colorTeal: #94FADB;
 $colorGreen: #B9F18D;
 
-:root {
-  --docsearch-primary-color: #{$colorBlack};
-  --docsearch-logo-color: #{rgba($colorBlack, 0.3)};
-  --docsearch-container-background: #{rgba($colorBlack, 0.7)};
-}
-
 /* Default Equations */
 $linear: cubic-bezier(0.250, 0.250, 0.750, 0.750);
 $ease: cubic-bezier(0.250, 0.100, 0.250, 1.000);