diff --git a/src/css/custom.css b/src/css/custom.css
index 710be1fb..23cc1367 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -16,6 +16,8 @@
   --ifm-color-primary-lightest: #3cad6e;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+  --ifm-color-primary-text: white;
+  --ifm-color-secondary-text: #edf2f7;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -28,6 +30,8 @@
   --ifm-color-primary-lighter: #32d8b4;
   --ifm-color-primary-lightest: #4fddbf;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+  --ifm-color-primary-text: #ffffff;
+  --ifm-color-secondary-text: #edf2f7;
 }
 
 
diff --git a/src/pages/dashboard/dashboard.css b/src/pages/dashboard/dashboard.css
index 7c64bb39..dfdad56a 100644
--- a/src/pages/dashboard/dashboard.css
+++ b/src/pages/dashboard/dashboard.css
@@ -468,11 +468,11 @@
 
 .stat-item {
   font-size: 0.9rem;
-  color: var(--ifm-color-emphasis-700);
+  color: var(--ifm-color-secondary-text);
 }
 
 .stat-item strong {
-  color: var(--ifm-color-primary);
+  color: var(--ifm-color-primary-text);
   font-weight: 600;
 }
 
@@ -486,7 +486,7 @@
   font-size: 0.8rem;
   padding: 0.25rem 0.75rem;
   background: var(--ifm-color-primary-lightest);
-  color: var(--ifm-color-primary-darker);
+  color: var(--ifm-color-primary-text);
   border-radius: 50px;
   font-weight: 500;
   border: 1px solid var(--ifm-color-primary-light);