Updated the stylesheet and also adding auto brightness option.

Author: dmundra

.config/mkdocs.yml

@@ -184,16 +184,24 @@ theme:
   favicon: assets/images/favicon.ico
   logo: assets/images/ca-logo-white.svg
   palette:
+    # Palette toggle for automatic mode
+    - media: "(prefers-color-scheme)"
+      toggle:
+        icon: material/brightness-auto
+        name: Switch to light mode
     # Palette toggle for light mode
-    - scheme: default
+    - media: "(prefers-color-scheme: light)"
+      scheme: default
+      primary: custom
       toggle:
         icon: material/brightness-7
         name: Switch to dark mode
     # Palette toggle for dark mode
-    - scheme: slate
+    - media: "(prefers-color-scheme: dark)"
+      scheme: slate
       toggle:
         icon: material/brightness-4
-        name: Switch to light mode
+        name: Switch to system preference
 markdown_extensions:
   - toc:
       title: On this page

assets/css/extra.css

@@ -19,7 +19,7 @@ a.md-tabs__link:focus,
 a.md-tabs__link:hover {
   text-decoration: underline;
 }
-a.md-tabs__link.md-tabs__link--active {
+.md-tabs__item--active a {
   font-weight: bold;
   text-decoration: underline;
 }