diff --git a/_layouts/home.html b/_layouts/home.html
index 156a8ffe9efb269177ce99ffed6522a7cf74863f..a07e320a28b9c86a641415ec74b45a470da7a208 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -46,7 +46,7 @@ layout: default
 <div class="d-flex g-3 flex-column-reverse flex-row-m mb-1">
     <div class="flex-item">
         <h4 class="mb-0">
-            <a class="white-link" href="{{ post.url }}">{{ post.title }}</a>
+            <a class="unstyled-link" href="{{ post.url }}">{{ post.title }}</a>
         </h4>
         <div class="mb-1">
             {{ post.date | date: "%d.%m.%Y" }} | Kategorien: {{ post.categories }} |
diff --git a/css/custom.css b/css/custom.css
index a76578552bbf3e2236f0ad9cad89151a73b6058c..f2475230c169693d5e4cb6932e0f1fdd6ac57863 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -268,11 +268,17 @@ input[value="3"]:checked ~ div[id="hidden3"]{
     padding: 5px;
 }
 
-.white-link {
-    color: rgb(187, 187, 187);
+.unstyled-link {
+    color: rgb(34, 34, 34);
     text-decoration: none;
 }
 
+@media (prefers-color-scheme: dark) {
+    .unstyled-link {
+        color: rgb(187, 187, 187);
+    }
+}
+
 .thumbnail-attribution a {
     color: rgb(187, 187, 187);
     text-decoration: none;
diff --git a/neuigkeiten.md b/neuigkeiten.md
index d8b16760e4a7f5ae834ec7f176b6532b1df2de34..92b94ca583c9a59c894ae1aa0e89140506e8b552 100644
--- a/neuigkeiten.md
+++ b/neuigkeiten.md
@@ -13,7 +13,7 @@ order: 0
 <div class="d-flex g-3 flex-column-reverse flex-row-m">
     <div class="flex-item">
         <h4 class="mb-0">
-            <a class="white-link" href="{{ post.url }}">{{ post.title }}</a>
+            <a class="unstyled-link" href="{{ post.url }}">{{ post.title }}</a>
         </h4>
         <div class="mb-1">
             {{ post.date | date: "%d.%m.%Y" }} | Kategorien: {{ post.categories }} |