diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 2e210c4..78fd8a6 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -1,4 +1,12 @@
-:root {
+[data-md-color-scheme="orangopus-light"] {
+    --md-primary-fg-color:        #111111;
+    --md-primary-fg-color--light: #111111;
+    --md-primary-fg-color--dark:  #111111;
+
+    --md-accent-fg-color:         #ff913d;
+  }  
+
+  [data-md-color-scheme="orangopus-dark"] {
     --md-primary-fg-color:        #111111;
     --md-primary-fg-color--light: #111111;
     --md-primary-fg-color--dark:  #111111;
diff --git a/mkdocs.yml b/mkdocs.yml
index 64b27f3..db79787 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -40,14 +40,14 @@ theme:
       toggle:
         icon: material/toggle-switch-off-outline 
         name: Switch to dark mode
-      primary: root
-      accent: root
+      primary: orangopus-light
+      accent: orangopus-light
     - scheme: slate 
       toggle:
         icon: material/toggle-switch
         name: Switch to light mode    
-      primary: root
-      accent: root
+      primary: orangopus-dark
+      accent: orangopus-dark
 
 extra_css:
   - stylesheets/extra.css