diff --git a/style.css b/style.css
index 67f729c03a2650264f70cc898235617258eaa794..37e779acaceba94e80cc174a76299a450e1f4173 100644
--- a/style.css
+++ b/style.css
@@ -521,7 +521,7 @@ body[data-themes="dark"] , body[data-themes="dark-highcontrast"] {
 
 
 :root {
-    --link-color: var(--color-primary-light-text);
+    --link-color: var(--color-primary-element);
 }
 
 #rl-app {
@@ -4219,8 +4219,10 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll {
         color: #ffffff !important;
     }
     body[data-themes="dark"] #rl-app #messageItem a,
-    body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a {
-        color: #087BF9 !important;
+    body[data-themes="dark"] #rl-app #messageItem a > *,
+    body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a,
+    body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a > * {
+        color: #ffffff !important;
     }
     @media(prefers-color-scheme: dark){
        #rl-app #messageItem,
@@ -4252,10 +4254,6 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll {
             background: #000000 !important;
             color: #ffffff !important;
         }
-       #rl-app #messageItem a,
-       #rl-app #messageItem .bodyText a {
-            color: #087BF9 !important;
-        }
         body[data-themes="light"] #rl-app #messageItem,
         body[data-themes="light"] #rl-app #messageItem table,
         body[data-themes="light"] #rl-app #messageItem h1,