Add dark theme for the documentation (#1230)

* mkdocs: expanded theme configuration to add alternative dark theme.
  The default theme will be determined by the users system theme by the
  `prefers-color-scheme` media query.

Co-authored-by: Marcelo Trylesinski <marcelotryle@gmail.com>

diff --git a/mkdocs.yml b/mkdocs.yml
index 048cf7fe0364c0c118a2672b0a8ed2fb8432a475..379f4cbc54bbd57926713bcc95addaf56dc5ecb5 100644 (file)
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -5,6 +5,18 @@ site_url: https://www.starlette.io
 theme:
   name: 'material'
   custom_dir: docs/overrides
+  palette:
+    - scheme: 'default'
+      media: '(prefers-color-scheme: light)'
+      toggle:
+        icon: 'material/lightbulb'
+        name: "Switch to dark mode"
+    - scheme: 'slate'
+      media: '(prefers-color-scheme: dark)'
+      primary: 'blue'
+      toggle:
+        icon: 'material/lightbulb-outline'
+        name: 'Switch to light mode'
 
 repo_name: encode/starlette
 repo_url: https://github.com/encode/starlette