diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 3e733e00c5..a1f3a64fdb 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -10,22 +10,8 @@
     --unleash-color-purple: #635dc5;
     --unleash-color-gray: #ecebeb;
 
-    --unleash-color-admonition-background: var(--unleash-color-gray);
-    --unleash-color-admonition-border: #999;
-    --unleash-color-admonition-text: #2b2b2b;
-
-    --ifm-color-primary: #39535b;
-    --ifm-color-primary-dark: #334b52;
-    --ifm-color-primary-darker: #30474d;
-    --ifm-color-primary-darkest: #283a40;
-    --ifm-color-primary-light: #3f5b64;
-    --ifm-color-primary-lighter: #425f69;
-    --ifm-color-primary-lightest: #4a6c76;
     --ifm-code-font-size: 90%;
     --ifm-font-size-base: 15px;
-    --ifm-link-color: var(--unleash-color-purple);
-    --ifm-menu-color-background-active: var(--unleash-color-gray);
-    --ifm-menu-color-background-hover: var(--unleash-color-gray);
     --navbar-link-color: #122d33;
 }
 
@@ -33,8 +19,36 @@ footer {
     --ifm-footer-link-hover-color: var(--ifm-footer-link-color);
 }
 
+html[data-theme='light'] {
+    --ifm-color-primary: #39535b;
+    --ifm-color-primary-dark: #334b52;
+    --ifm-color-primary-darker: #30474d;
+    --ifm-color-primary-darkest: #283a40;
+    --ifm-color-primary-light: #3f5b64;
+    --ifm-color-primary-lighter: #425f69;
+    --ifm-color-primary-lightest: #4a6c76;
+
+    --ifm-link-color: var(--unleash-color-purple);
+    --ifm-menu-color-background-active: var(--unleash-color-gray);
+    --ifm-menu-color-background-hover: var(--unleash-color-gray);
+
+    --unleash-color-admonition-background: var(--unleash-color-gray);
+    --unleash-color-admonition-border: #999;
+    --unleash-color-admonition-text: #2b2b2b;
+}
+
 html[data-theme='dark'] {
+    --ifm-color-primary: #39535b;
+    --ifm-color-primary-dark: #334b52;
+    --ifm-color-primary-darker: #30474d;
+    --ifm-color-primary-darkest: #283a40;
+    --ifm-color-primary-light: #3f5b64;
+    --ifm-color-primary-lighter: #425f69;
+    --ifm-color-primary-lightest: #4a6c76;
+
     --ifm-link-color: #aaa5ff;
+
+    --unleash-color-admonition-background: var(--ifm-color-secondary-contrast-background);
 }
 
 [class^='docTitle'] {