diff --git a/apps/website/src/pages/Donate/Donate.css b/apps/website/src/pages/Donate/Donate.css
index 1ead7bfc4..fbb869310 100644
--- a/apps/website/src/pages/Donate/Donate.css
+++ b/apps/website/src/pages/Donate/Donate.css
@@ -14,7 +14,7 @@ section.donate ul a {
     background: var(--brand-1);
     padding: 0.5em 1em;
     border-radius: 6px;
-    color: var(--foreground-color);
+    color: var(--brand-foreground-color);
     text-decoration: none;
-    text-align: center;
+    text-align: center;    
 }
\ No newline at end of file
diff --git a/apps/website/src/pages/Download/download.css b/apps/website/src/pages/Download/download.css
index 87a7cf9ef..06359fdd5 100644
--- a/apps/website/src/pages/Download/download.css
+++ b/apps/website/src/pages/Download/download.css
@@ -16,7 +16,7 @@
     background: var(--accent-color);
     padding: 0.5em 1em;
     border-radius: calc(infinity * 1px);
-    color: var(--foreground-color);
+    color: var(--brand-foreground-color);
     margin: 1em 0;
     text-decoration: none;
     text-align: center;
@@ -34,6 +34,8 @@
 .download-desktop .download-card:last-of-type { --accent-color: var(--brand-3); }
 
 .download-server .download-card:first-of-type { --accent-color: var(--brand-1); }
+.download-server .download-card:last-of-type { --accent-color: var(--brand-3); }
+
 .download-server {
     width: 75%;
     margin: auto;
@@ -64,5 +66,5 @@
 
 .architecture-switch a.active {
     background-color: var(--brand-1);
-    color: inherit;
+    color: var(--brand-foreground-color);
 }
\ No newline at end of file
diff --git a/apps/website/src/style.css b/apps/website/src/style.css
index d020e1ea3..867e12ef9 100644
--- a/apps/website/src/style.css
+++ b/apps/website/src/style.css
@@ -8,6 +8,7 @@
     --brand-1: #e47b19;
     --brand-2: #4fa52b;
     --brand-3: #e33f3b;
+    --brand-foreground-color: white;
 }
 
 @media (prefers-color-scheme: dark) {