diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
index fcd23a4a6..41132ee64 100644
--- a/docs/.vitepress/theme/custom.css
+++ b/docs/.vitepress/theme/custom.css
@@ -1,16 +1,19 @@
 :root {
-    --vp-theme-color: #1db954;
-    --vp-c-brand: #1db954;
-    --vp-c-brand-1: #1db954;
-    --vp-c-brand-2: #00b33c;
-    --vp-home-hero-name-color: #1db954;
-    --vp-c-brand-light: #1db954;
-    --vp-button-brand-border: #1db954;
-    --vp-button-brand-bg: #1db954;
+    --ente-theme-color: #1db954;
+    --ente-theme-color-alt: #00b33c;
+
+    --vp-theme-color: var(--ente-theme-color);
+    --vp-c-brand: var(--ente-theme-color);
+    --vp-c-brand-1: var(--ente-theme-color);
+    --vp-c-brand-2: var(--ente-theme-color-alt);
+    --vp-home-hero-name-color: var(--ente-theme-color);
+    --vp-c-brand-light: var(--ente-theme-color);
+    --vp-button-brand-border: var(--ente-theme-color);
+    --vp-button-brand-bg: var(--ente-theme-color);
     --vp-button-brand-text: #191919;
-    --vp-button-brand-hover-border: #00b33c;
+    --vp-button-brand-hover-border: var(--ente-theme-color-alt);
     --vp-button-brand-hover-bg: #191919;
     --vp-button-brand-hover-text: #e5e5e5;
-    --vp-local-search-highlight-bg: #1db954;
+    --vp-local-search-highlight-bg: var(--ente-theme-color);
     --docsearch-hit-active-color: #191919;
 }