diff --git a/site/sass/index.scss b/site/sass/index.scss
index 9272b71..6570267 100644
--- a/site/sass/index.scss
+++ b/site/sass/index.scss
@@ -27,7 +27,7 @@ header.main-header {
 
 a {
   text-decoration: none;
-  color: var(--accent-color);
+  color: var(--link-color);
 
   &:hover,
   &:focus {
diff --git a/site/sass/themes/basic.scss b/site/sass/themes/basic.scss
index 9895941..a3c6ee4 100644
--- a/site/sass/themes/basic.scss
+++ b/site/sass/themes/basic.scss
@@ -2,6 +2,7 @@ body {
   --bg-color: #eee;
   --text-color: black;
   --accent-color: #b520e7;
+  --link-color: var(--accent-color);
   --accent-text-color: var(--bg-color);
   --accent-color-neutral: #aaa;
   --accent-text-color-neutral: #eee;
diff --git a/site/sass/themes/pinkle.scss b/site/sass/themes/pinkle.scss
index 86237a7..8e9035c 100644
--- a/site/sass/themes/pinkle.scss
+++ b/site/sass/themes/pinkle.scss
@@ -2,15 +2,18 @@ body {
   --bg-color: rgb(255, 196, 252);
   --text-color: black;
   --accent-color: rgb(197, 48, 197);
+  --link-color: var(--accent-color);
   --accent-text-color: white;
   --accent-color-neutral: var(--accent-color);
   --accent-text-color-neutral: var(--accent-text-color);
 
   @media (prefers-color-scheme: dark) {
-    --bg-color: #333;
-    --text-color: #ccc;
-    --accent-text-color: black;
-    --accent-color-neutral: #555;
+    --bg-color: rgb(104, 25, 104);
+    --text-color: white;
+    --accent-color: var(--accent-color-neutral);
+    --link-color: rgb(255, 196, 252);
+    --accent-text-color: white;
+    --accent-color-neutral: rgb(74, 17, 74);
     --accent-text-color-neutral: #bbb;
   }
 }