fix: main button colors

Tresjs · Jun 14, 2023 · 3aab827 · 3aab827
1 parent b793c77
commit 3aab827
Showing 1 changed file with 18 additions and 12 deletions.
diff --git a/docs/.vitepress/theme/config.css b/docs/.vitepress/theme/config.css
@@ -1,6 +1,7 @@
 :root {
   --vp-home-hero-name-color: #82dbc5;
   --vp-c-brand: #82dbc5;
+  --vp-c-dark: #1f1f1e;
 }
 
 /**
@@ -9,24 +10,24 @@
 
 :root {
   --vp-button-brand-border: var(--vp-c-brand-light);
-  --vp-button-brand-text: var(--vp-c-text-dark-1);
+  --vp-button-brand-text: var(--vp-c-dark);
   --vp-button-brand-bg: var(--vp-c-brand);
   --vp-button-brand-hover-border: var(--vp-c-brand-light);
-  --vp-button-brand-hover-text: var(--vp-c-text-dark-1);
+  --vp-button-brand-hover-text: var(--vp-c-dark);
   --vp-button-brand-hover-bg: var(--vp-c-brand-light);
   --vp-button-brand-active-border: var(--vp-c-brand-light);
-  --vp-button-brand-active-text: var(--vp-c-text-dark-1);
+  --vp-button-brand-active-text: var(--vp-c-dark);
   --vp-button-brand-active-bg: var(--vp-button-brand-bg);
 
-  --vp-button-alt-border: var(--vp-c-gray-light-3);
-  --vp-button-alt-text: var(--vp-c-text-light-1);
-  --vp-button-alt-bg: var(--vp-c-gray-light-5);
-  --vp-button-alt-hover-border: var(--vp-c-gray-light-3);
-  --vp-button-alt-hover-text: var(--vp-c-text-light-1);
-  --vp-button-alt-hover-bg: var(--vp-c-gray-light-4);
-  --vp-button-alt-active-border: var(--vp-c-gray-light-3);
-  --vp-button-alt-active-text: var(--vp-c-text-light-1);
-  --vp-button-alt-active-bg: var(--vp-c-gray-light-3);
+  --vp-button-alt-border: var(--vp-c-border);
+  --vp-button-alt-text: var(--vp-c-neutral);
+  --vp-button-alt-bg: var(--vp-c-mute);
+  --vp-button-alt-hover-border: var(--vp-c-border);
+  --vp-button-alt-hover-text: var(--vp-c-neutral);
+  --vp-button-alt-hover-bg: var(--vp-c-mute-dark);
+  --vp-button-alt-active-border: var(--vp-c-border);
+  --vp-button-alt-active-text: var(--vp-c-neutral);
+  --vp-button-alt-active-bg: var(--vp-c-mute-darker);
 
   --vp-button-sponsor-border: var(--vp-c-gray-light-3);
   --vp-button-sponsor-text: var(--vp-c-text-light-2);
@@ -49,5 +50,10 @@
 }
 
 .VPButton.medium.brand {
+  color: var(--vp-button-brand-text);
+}
+.VPButton.medium.alt {
+  border-color: var(--vp-button-alt-border);
   color: var(--vp-button-alt-text);
+  background-color: var(--vp-button-alt-bg);
 }