From 485e3a0a9194366406cae53cfe239c9a4cb38ffc Mon Sep 17 00:00:00 2001
From: Joseph Montanaro <jfmonty2@gmail.com>
Date: Mon, 16 Mar 2026 21:25:29 -0400
Subject: [PATCH] style links a little more

---
 src/styles/main.css | 7 +++++++
 src/styles/vars.css | 4 ++++
 2 files changed, 11 insertions(+)

diff --git a/src/styles/main.css b/src/styles/main.css
index e3974f1..183250d 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -14,4 +14,11 @@ body {
 
 a {
     color: var(--link-color);
+    text-decoration: none;
+    &:hover {
+        text-decoration: underline;
+    }
+    &:visited {
+        color: var(--link-color-visited);
+    }
 }
diff --git a/src/styles/vars.css b/src/styles/vars.css
index 0277b55..b6e60dd 100644
--- a/src/styles/vars.css
+++ b/src/styles/vars.css
@@ -26,6 +26,7 @@
     /* misc */
     --heading-color: hsl(0deg 0% 27%);
     --link-color: var(--primary-color);
+    --link-color-visited: var(--accent-color-faded);
     --nav-link-color: white;
     --neutral-gray: hsl(0deg 0% 30%);
     --inline-code-bg: hsl(0deg 0% 93%);
@@ -41,6 +42,7 @@
     --dark-accent-color-faded: hsl(18deg 30% 45%);
     --dark-heading-color: hsl(35deg 25% 88%);
     --dark-link-color: hsl(202deg 50% 50%);
+    --dark-link-color-visited: hsl(270deg 33% 55%);
     --dark-nav-link-color: var(--dark-heading-color);
     --dark-neutral-gray: hsl(220deg 10% 45%);
     --dark-inline-code-bg: hsl(220deg 7.5% 21%);
@@ -56,6 +58,7 @@
         --accent-color-faded: var(--accent-color-faded);
         --heading-color: var(--dark-heading-color);
         --link-color: var(--dark-link-color);
+        --link-color-visited: var(--dark-link-color-visited);
         --nav-link-color: var(--dark-nav-link-color);
         --neutral-gray: var(--dark-neutral-gray);
         --inline-code-bg: var(--dark-inline-code-bg);
@@ -74,6 +77,7 @@
             --accent-color-faded: var(--accent-color-faded);
             --heading-color: var(--dark-heading-color);
             --link-color: var(--dark-link-color);
+            --link-color-visited: var(--dark-link-color-visited);
             --nav-link-color: var(--dark-nav-link-color);
             --neutral-gray: var(--dark-neutral-gray);
             --inline-code-bg: var(--dark-inline-code-bg);