diff --git a/docs/.vuepress/styles/palette.scss b/docs/.vuepress/styles/palette.scss
index ab9014d..239b8af 100644
--- a/docs/.vuepress/styles/palette.scss
+++ b/docs/.vuepress/styles/palette.scss
@@ -95,10 +95,14 @@ h1, h2, h3, h4 {
 }
 
 .theme-hope-content Button.donate-button {
-  background-color: $theme-color !important;
+  background-color: $theme-color;
   opacity: 0.85 !important;
   border: 0 !important;
   color: white !important;
+
+  html[data-theme="dark"] & {
+    background-color: rgba($theme-color, 0.75) !important;
+  }
 };
 
 .theme-hope-content Button.donate-button:hover {