diff --git a/docs/stylesheets/bootstrap.css b/docs/stylesheets/bootstrap.css
index 70b4311..8c030b7 100644
--- a/docs/stylesheets/bootstrap.css
+++ b/docs/stylesheets/bootstrap.css
@@ -2589,6 +2589,9 @@ html {
     margin-bottom: 5px;
     font-weight: 700;
   }
+  label:is(.md-header__button) {
+    display: none;
+  }
   input[type="search"] {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
diff --git a/mkdocs.yml b/mkdocs.yml
index 50cc885..249ee9f 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -13,8 +13,18 @@ theme:
   name: material
   custom_dir: _includes/overrides
   palette:
-    scheme: default
-    accent: light blue
+    - media: "(prefers-color-scheme: light)" 
+      scheme: default
+      accent: light blue
+      toggle:
+        icon: material/toggle-switch
+        name: Switch to dark mode
+    - media: "(prefers-color-scheme: dark)" 
+      scheme: slate 
+      accent: light blue
+      toggle:
+        icon: material/toggle-switch-off-outline
+        name: Switch to light mode
   logo: assets/logo.png
   favicon: assets/favicon.ico
   icon: