diff --git a/docs/assets/extra.css b/docs/assets/extra.css
index 82aff69c1..8d1a93671 100644
--- a/docs/assets/extra.css
+++ b/docs/assets/extra.css
@@ -15,12 +15,12 @@
  */
 
 :root {
-    --md-primary-fg-color: #4e08c7;
-    --md-primary-mg-color: #d445a3;
-    --md-accent-fg-color: #bb1fa4;
-    --md-primary-bg-color: white;
-    --md-primary-text-slate: white;
-    --md-primary-bg-slate: #2f303e;
+    --md-primary-fg-color: #4e08c7 !important;
+    --md-primary-mg-color: #d445a3 !important;
+    --md-accent-fg-color: #bb1fa4 !important;
+    --md-primary-bg-color: white !important;
+    --md-primary-text-slate: white !important;
+    --md-primary-bg-slate: #2f303e !important;
   }
 
 /* header font colour */
diff --git a/mkdocs.yml b/mkdocs.yml
index e643b03df..49b38911b 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -55,10 +55,14 @@ theme:
     - search.suggest
   palette:
     - scheme: default
+      primary: custom
+      accent: custom
       toggle:
         icon: material/brightness-7
         name: Switch to dark mode
     - scheme: slate
+      primary: custom
+      accent: custom
       toggle:
         icon: material/brightness-4
         name: Switch to light mode