docs: add dark mode (#1412)

docs/stylesheets/theme.css

@@ -6,6 +6,10 @@
     --md-accent-fg-color--transparent: #00334310;
 }
 
+[data-md-color-scheme="slate"] {
+    --md-typeset-a-color: #7f9ece;
+}
+
 .md-header-nav__button.md-logo {
     padding: 0;
 }

mkdocs.yml

@@ -5,7 +5,16 @@ edit_uri: edit/main/docs/
 theme:
   name: 'material'
   palette:
-    scheme: containrrr
+    - media: "(prefers-color-scheme: light)"
+      scheme: containrrr
+      toggle:
+        icon: material/weather-night
+        name: Switch to dark mode
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
+      toggle:
+        icon: material/weather-sunny
+        name: Switch to light mode
   logo: images/logo-450px.png
   favicon: images/favicon.ico
 extra_css: