Merge pull request #299 from imhalid/bugfix/button-color-and-banner-image

fix: button color and banner image

CONTRIBUTING.md

@@ -1,4 +1,4 @@
-![repository-banner.png](/public/github-banner.png)
+![repository-banner.png](/public/repo-banner.png)
 
 # Tres Contributing Guide
 

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);
 }