📝 Add dark mode auto switch to docs based on OS preference (#4869)

diff --git a/docs/az/mkdocs.yml b/docs/az/mkdocs.yml
index 58bbb07588ae9e719828e63517a76f2e43573f48..60bd8eaad65788be9cbcdf0de043657a4d5a7523 100644 (file)
--- a/docs/az/mkdocs.yml
+++ b/docs/az/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/de/mkdocs.yml b/docs/de/mkdocs.yml
index 1242af504a44ef865d9c68701610203486d2a1d5..c72f325f6266affe8d6721aa5fb92b0059afaf19 100644 (file)
--- a/docs/de/mkdocs.yml
+++ b/docs/de/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/en/mkdocs.yml b/docs/en/mkdocs.yml
index e7aa40def56ba5bf7177b00ba9babb9bc5df54fa..322de0f2fc58593a250a08a7e811d617334dd2cb 100644 (file)
--- a/docs/en/mkdocs.yml
+++ b/docs/en/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/es/mkdocs.yml b/docs/es/mkdocs.yml
index eb7538cf4170ac011117edf3154d3850eebd139f..b544f9b387ad826a1355465e2c3f0cf3e06f940a 100644 (file)
--- a/docs/es/mkdocs.yml
+++ b/docs/es/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/fa/mkdocs.yml b/docs/fa/mkdocs.yml
index 6fb3891b7aed4bfd8c43f21ce1eafb87df1e6c47..3966a60261e022cf30848496dc6d9c4d739d6705 100644 (file)
--- a/docs/fa/mkdocs.yml
+++ b/docs/fa/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/fr/mkdocs.yml b/docs/fr/mkdocs.yml
index d2681f8d527b7ce5c2acb90946694b2e61f7296f..bf0d2b21cc49cea6a60cea078cf91aa22f914ea1 100644 (file)
--- a/docs/fr/mkdocs.yml
+++ b/docs/fr/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/id/mkdocs.yml b/docs/id/mkdocs.yml
index 0c60fecd9775a3f1dd506bfbc03a94c442106cb4..769547d11adf48eb527fb419f5d40cf16a85b890 100644 (file)
--- a/docs/id/mkdocs.yml
+++ b/docs/id/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/it/mkdocs.yml b/docs/it/mkdocs.yml
index 3bf3d739614dccae9843090181828dea470bcd5d..ebec9a6429d903f25676bb23a629c19a7156b9e2 100644 (file)
--- a/docs/it/mkdocs.yml
+++ b/docs/it/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/ja/mkdocs.yml b/docs/ja/mkdocs.yml
index f9f91879b8c0376d259ab4086f9b72da4c0e83bc..055404feaf9aa6ab1c874702bacaa7d9edda9e1e 100644 (file)
--- a/docs/ja/mkdocs.yml
+++ b/docs/ja/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/ko/mkdocs.yml b/docs/ko/mkdocs.yml
index 1e7d60dbd92192338b01c9bb0adab040898b95a0..60cf7d30ae75422561ec184adf46b5aeb518ce28 100644 (file)
--- a/docs/ko/mkdocs.yml
+++ b/docs/ko/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/nl/mkdocs.yml b/docs/nl/mkdocs.yml
index c853216f550d8c2a7c8b513f62b24884c637b2bf..9cd1e04010fde4bff1b7f4d94590b6b8cf25b4e7 100644 (file)
--- a/docs/nl/mkdocs.yml
+++ b/docs/nl/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/pl/mkdocs.yml b/docs/pl/mkdocs.yml
index 932a43da470d62f10d4c64a8acf57fcc8853b866..0c3d100e7791f2d0905093480a85df4ba9595fc5 100644 (file)
--- a/docs/pl/mkdocs.yml
+++ b/docs/pl/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/pt/mkdocs.yml b/docs/pt/mkdocs.yml
index 25340080043b43de72d13ac0988313e163e2e3ff..2bb0b568d45dda60ae91d12f2809778dde48f2f4 100644 (file)
--- a/docs/pt/mkdocs.yml
+++ b/docs/pt/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/ru/mkdocs.yml b/docs/ru/mkdocs.yml
index 0f8f0041147edf118b43fb77a655f6e41dbb311e..bb0702489da523ff5a8eebd8d1ebdf6e8cc823a2 100644 (file)
--- a/docs/ru/mkdocs.yml
+++ b/docs/ru/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/sq/mkdocs.yml b/docs/sq/mkdocs.yml
index a61f49bc981bd218f65a5ef0ae590070953f43f1..8914395fef8af6afa24965799c4d14616feca0af 100644 (file)
--- a/docs/sq/mkdocs.yml
+++ b/docs/sq/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/tr/mkdocs.yml b/docs/tr/mkdocs.yml
index dd52d7fcc7b9ac872e124d97ef79332ed9118e08..74186033c6d8a972018a47ea883c9d4b05dd72bf 100644 (file)
--- a/docs/tr/mkdocs.yml
+++ b/docs/tr/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/uk/mkdocs.yml b/docs/uk/mkdocs.yml
index 971a182dbf0275267257eaf59da4344d412ffbaa..ddf299d8b64f4d4ed868f7da8cfd196c65e36f8c 100644 (file)
--- a/docs/uk/mkdocs.yml
+++ b/docs/uk/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle:

diff --git a/docs/zh/mkdocs.yml b/docs/zh/mkdocs.yml
index 4081664893341be5bf05a26cb16838ec1483acb4..a72ecb6576ab99e0786db2912cd3214b5f4d3f0f 100644 (file)
--- a/docs/zh/mkdocs.yml
+++ b/docs/zh/mkdocs.yml
@@ -5,13 +5,15 @@ theme:
   name: material
   custom_dir: overrides
   palette:
-  - scheme: default
+  - media: "(prefers-color-scheme: light)"
+    scheme: default
     primary: teal
     accent: amber
     toggle:
       icon: material/lightbulb
       name: Switch to light mode
-  - scheme: slate
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
     primary: teal
     accent: amber
     toggle: