diff --git a/docs/assets/stylesheets/extra.css b/docs/assets/stylesheets/extra.css
index 40e1e285d..9a40a0636 100644
--- a/docs/assets/stylesheets/extra.css
+++ b/docs/assets/stylesheets/extra.css
@@ -9,6 +9,14 @@
 	}
 }
 
+* {
+    --md-primary-fg-color: #0a192f;
+    --md-primary-fg-color--light: #029c8e;
+    --md-primary-fg-color--dark:  #303C55;
+    --md-typeset-color:   var(--md-default-fg-color);
+    --md-typeset-a-color: var(--md-primary-fg-color--light);
+}
+
 :root {
     --md-primary-fg-color: #0a192f;
     --md-primary-fg-color--light: #029c8e;
diff --git a/material/overrides/main-styles.html b/material/overrides/main-styles.html
index 43fe6dbdc..b12e3e6df 100644
--- a/material/overrides/main-styles.html
+++ b/material/overrides/main-styles.html
@@ -54,6 +54,7 @@
     }
 
     .tx-container {
+        --md-primary-fg-color: #0a192f;
         height: fit-content;
         padding-top: 0rem;
         background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: white' /></svg>") no-repeat bottom, linear-gradient(to bottom, var(--md-primary-fg-color), #2a978d 99%, #fff 99%)
@@ -164,6 +165,7 @@
     }
 
     .tx-container-3 {
+        --md-primary-fg-color: #0a192f;
         height: auto;
         background: linear-gradient(to bottom, var(--md-primary-fg-color), #02162f 100%, #fff 99%);
     }