diff --git a/apps/client/src/stylesheets/theme-dark.css b/apps/client/src/stylesheets/theme-dark.css
index 0a622d97d..a50a6e6c2 100644
--- a/apps/client/src/stylesheets/theme-dark.css
+++ b/apps/client/src/stylesheets/theme-dark.css
@@ -86,6 +86,11 @@ body ::-webkit-calendar-picker-indicator {
     --custom-color: var(--dark-theme-custom-color);
 }
 
+.ck-content a.reference-link,
+.ck-content a.reference-link > span {
+    color: var(--dark-theme-custom-color, inherit);
+}
+
 .excalidraw.theme--dark {
     --theme-filter: invert(80%) hue-rotate(180deg) !important;
 }
@@ -101,3 +106,4 @@ body .todo-list input[type="checkbox"]:not(:checked):before {
 .ck-content pre {
     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6) !important;
 }
+
diff --git a/apps/client/src/stylesheets/theme-light.css b/apps/client/src/stylesheets/theme-light.css
index a07b9799f..630304102 100644
--- a/apps/client/src/stylesheets/theme-light.css
+++ b/apps/client/src/stylesheets/theme-light.css
@@ -84,4 +84,9 @@ html {
 
 #left-pane .fancytree-node.tinted {
     --custom-color: var(--light-theme-custom-color);
+}
+
+.ck-content a.reference-link,
+.ck-content a.reference-link > span {
+    color: var(--light-theme-custom-color, inherit);
 }
\ No newline at end of file
diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css
index 8b15e7676..12bc4f0f1 100644
--- a/apps/client/src/stylesheets/theme-next-dark.css
+++ b/apps/client/src/stylesheets/theme-next-dark.css
@@ -277,6 +277,11 @@
     --custom-bg-color: hsl(var(--custom-color-hue), 20%, 33%, 0.4);
 }
 
+.ck-content a.reference-link,
+.ck-content a.reference-link > span {
+    color: var(--dark-theme-custom-color, inherit);
+}
+
 body ::-webkit-calendar-picker-indicator {
     filter: invert(1);
 }