diff --git a/docs/_static/css/extra.css b/docs/_static/css/extra.css
index f475ee5..4e2f152 100644
--- a/docs/_static/css/extra.css
+++ b/docs/_static/css/extra.css
@@ -1,3 +1,19 @@
 .md-header__button.md-logo img, .md-header__button.md-logo svg {
   box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 6px;
 }
+
+[data-md-color-scheme="default"] .md-header {
+  background: #21232d;
+}
+
+[data-md-color-scheme="default"] .md-tabs {
+  background: #1d1e27;
+}
+
+[data-md-color-scheme="slate"] .md-header {
+  background: #21232d;
+}
+
+[data-md-color-scheme="slate"] .md-tabs {
+  background: #1d1e27;
+}
diff --git a/mkdocs.yml b/mkdocs.yml
index fb17941..a819882 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -21,12 +21,12 @@ theme:
     - navigation.footer
   palette:
     - scheme: default
-      primary: blue
+      primary: "light blue"
       toggle:
         icon: material/brightness-7
         name: Switch to dark mode
     - scheme: slate
-      primary: blue
+      primary: "black"
       toggle:
         icon: material/brightness-4
         name: Switch to light mode