Added dark color scheme for docs (#2913)

* Added dark color scheme for docs Added alternative, dark color scheme for docs, which should be automatically activated if user's browser presents the `prefers-color-scheme: dark` media query. * switch icons * add change file Co-authored-by: PrettyWood <em.jolibois@gmail.com>
pydantic · Sep 4, 2021 · abbad5e · abbad5e
1 parent e431604
commit abbad5e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/changes/2913-gbdlin.md b/changes/2913-gbdlin.md
@@ -0,0 +1 @@
+add a dark mode to _pydantic_ documentation
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -7,8 +7,21 @@ theme:
   name: 'material'
   custom_dir: 'docs/theme'
   palette:
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: pink
     accent: pink
+    toggle:
+      icon: material/lightbulb-outline
+      name: "Switch to dark mode"
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
+    primary: pink
+    accent: pink
+    toggle:
+      icon: material/lightbulb
+      name: "Switch to light mode"
+
   logo: 'logo-white.svg'
   favicon: 'favicon.png'