Implemented Auto Dark Mode

mkdocs.yml

@@ -11,14 +11,25 @@ theme:
   custom_dir: overrides
   font: false
   palette:
-   - scheme: default
-     toggle:
-       icon: material/weather-night
-       name: Switch to dark mode
-   - scheme: slate
-     toggle:
-       icon: material/weather-sunny
-       name: Switch to light mode
+  # Palette toggle for automatic mode
+  - media: "(prefers-color-scheme)"
+    toggle:
+      icon: material/brightness-auto
+      name: Switch to light mode
+  # Palette toggle for light mode
+  - media: "(prefers-color-scheme: light)"
+    scheme: default 
+    toggle:
+      icon: material/brightness-7
+      name: Switch to dark mode
+
+  # Palette toggle for dark mode
+  - media: "(prefers-color-scheme: dark)"
+    scheme: slate
+    toggle:
+      icon: material/brightness-4
+      name: Switch to system preference
+
   logo: assets/images/logo.svg
   favicon: assets/images/favicon.png
   features: