diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 988d64d5..0d1c994e 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -1,4 +1,6 @@
-:root {
+:root,
+[data-md-color-scheme="slate"],
+[data-md-color-scheme="default"] {
   --md-primary-fg-color:        #00315F;
   --md-primary-fg-color--light: #0D4F8C;
   --md-primary-fg-color--dark:  #00315F;
diff --git a/mkdocs.yml b/mkdocs.yml
index 124805f8..72d8a3c4 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -5,6 +5,18 @@ theme:
   favicon: images/odi-circle_logomark-blue.png
   features:
     - content.code.copy
+  palette:
+    # Palette toggle for light mode
+    - scheme: default
+      toggle:
+        icon: material/weather-night
+        name: Switch to dark mode
+
+    # Palette toggle for dark mode
+    - scheme: slate
+      toggle:
+        icon: material/weather-sunny
+        name: Switch to light mode
 extra_css:
   - stylesheets/extra.css