feat: Enabling Dark Mode + Slider 🌃 🔦

Enabled Dark Mode and a slider. Dark mode setting will default to System values, but can be overridden with the slider.

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;

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: