docs: add dark mode (#1412)

2 years ago · a19887546b
parent faa94c4fd1
commit a19887546b
2 changed files with 16 additions and 3 deletions
--- a/docs/stylesheets/theme.css
+++ b/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;
 }
--- a/mkdocs.yml
+++ b/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: