From 5f0424406392e31914aae6144d16408cbf8cc8f2 Mon Sep 17 00:00:00 2001
From: Codetrauma <jtannershaw@gmail.com>
Date: Tue, 27 May 2025 10:47:30 +0200
Subject: [PATCH] feat: links look like links in lightmode

---
 src/css/custom.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/css/custom.css b/src/css/custom.css
index f7848d1..e3c46ae 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -16,12 +16,19 @@
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 
+  /* Light mode colors */
   --ifm-background-color: #ffffff;
   --ifm-background-surface-color: #f2f2f2;
   --ifm-color-content: #1c1e21;
   --ifm-color-content-secondary: #606770;
+
+  /* Brighter link colors for light mode */
+  --ifm-link-color: #0056B3;
+  --ifm-link-hover-color: #003D80;
+  --ifm-link-decoration: underline;
 }
 
+/* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
   --ifm-color-primary: #4D82BC;
   --ifm-color-primary-dark: #3B71AB;
@@ -32,15 +39,21 @@
   --ifm-color-primary-lightest: #89B5EF;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 
+  /* Dark mode colors */
   --ifm-background-color: #1c1e21;
   --ifm-background-surface-color: #242526;
   --ifm-color-content: #e3e3e3;
   --ifm-color-content-secondary: #a4a6a8;
 
+  /* Override component colors for dark mode */
   --ifm-navbar-background-color: var(--ifm-background-surface-color);
   --ifm-dropdown-background-color: var(--ifm-background-surface-color);
   --ifm-card-background-color: var(--ifm-background-surface-color);
   --ifm-toc-border-color: var(--ifm-color-emphasis-200);
+
+  /* Dark mode link colors */
+  --ifm-link-color: var(--ifm-color-primary-lighter);
+  --ifm-link-hover-color: var(--ifm-color-primary-lightest);
 }
 
 [data-theme='light'] img[src$='#gh-dark-mode-only'],