diff --git a/docs/index.md b/docs/index.md
index ed4e748c..8449626a 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -22,7 +22,7 @@ features:
   - title: Designed to be simplicity first
     details: With Markdown-centered content, it's built to help you focus on writing and deployed with minimum configuration.
   - title: Power of Vue meets Markdown
-    details: Enhance your content with all the amazing features of Vue Components in Markdown, while being able to customize your site with Vue.
+    details: Enhance your content with all the features of Vue in Markdown, while being able to customize your site with Vue.
   - title: Fully static yet still dynamic
     details: Go wild with true SSG + SPA architecture. Static on page load, but engage users with 100% interactivity from there.
 ---
diff --git a/src/client/theme-default/styles/vars.css b/src/client/theme-default/styles/vars.css
index b85d13b4..ee03cfd1 100644
--- a/src/client/theme-default/styles/vars.css
+++ b/src/client/theme-default/styles/vars.css
@@ -251,14 +251,14 @@
 }
 
 .dark {
-  --vp-button-brand-border: var(--vp-c-brand-lighter);
-  --vp-button-brand-text: var(--vp-c-text-light-1);
-  --vp-button-brand-bg: var(--vp-c-brand-light);
+  --vp-button-brand-border: var(--vp-c-brand-light);
+  --vp-button-brand-text: var(--vp-c-text-dark-1);
+  --vp-button-brand-bg: var(--vp-c-brand-dark);
   --vp-button-brand-hover-border: var(--vp-c-brand-lighter);
-  --vp-button-brand-hover-text: var(--vp-c-text-light-1);
-  --vp-button-brand-hover-bg: var(--vp-c-brand-lighter);
+  --vp-button-brand-hover-text: var(--vp-c-text-dark-1);
+  --vp-button-brand-hover-bg: var(--vp-c-brand);
   --vp-button-brand-active-border: var(--vp-c-brand-lighter);
-  --vp-button-brand-active-text: var(--vp-c-text-light-1);
+  --vp-button-brand-active-text: var(--vp-c-text-dark-1);
   --vp-button-brand-active-bg: var(--vp-button-brand-bg);
 
   --vp-button-alt-border: var(--vp-c-gray-dark-2);