Change link colors for aid in readability in dark mode. (#4501)

chipsalliance · Nov 14, 2024 · eb31402 · eb31402
1 parent 0bb1bce
commit eb31402
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -20,6 +20,8 @@
   --ifm-color-primary-light: #24296a;
   --ifm-color-primary-lighter: #262b6e;
   --ifm-color-primary-lightest: #2b307d;
+  --color-link: blue;
+  --color-link-hover: blue;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }
@@ -34,6 +36,8 @@
   --ifm-color-primary-light: #fdbe30;
   --ifm-color-primary-lighter: #fdc23e;
   --ifm-color-primary-lightest: #fecf67;
+  --color-link: #fdb515;
+  --color-link-hover: #f5a902;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
@@ -47,10 +51,11 @@
 
 /* Make links more obvious */
 a {
-  color: blue;
+  color: var(--color-link);
 }
+
 a:hover {
-  color: blue;
+  color: var(--color-link-hover);
 }
 
 /* Styling for the result of TOCInline