From 6d974577ade3a76f8e7fce0f658c25d0c884cb75 Mon Sep 17 00:00:00 2001
From: colin <colin@nixc.us>
Date: Sun, 6 Jul 2025 19:12:28 -0400
Subject: [PATCH] Fix story link contrast for better accessibility

---
 docker/resume/stories/stories.css | 29 +++++++++++++++++++++++++----
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/docker/resume/stories/stories.css b/docker/resume/stories/stories.css
index 71f9ce0..7921a34 100644
--- a/docker/resume/stories/stories.css
+++ b/docker/resume/stories/stories.css
@@ -46,18 +46,39 @@
 .story-link {
     display: inline-block;
     padding: 0.5rem 1rem;
-    background-color: var(--accent-color);
-    color: white;
+    background-color: #004494; /* Darker blue for better contrast */
+    color: #ffffff; /* Bright white for better contrast */
     text-decoration: none;
     border-radius: 4px;
-    font-weight: 500;
+    font-weight: 700; /* Increased from 500 to 700 for better visibility */
     transition: background-color 0.3s;
     text-align: center;
     align-self: flex-start;
 }
 
+/* Dark mode specific styles for story links */
+@media (prefers-color-scheme: dark) {
+    :root:not([data-theme='light']) .story-link {
+        background-color: #0056b3; /* Darker blue for dark mode */
+        color: #ffffff; /* Bright white */
+    }
+    
+    :root:not([data-theme='light']) .story-link:hover {
+        background-color: #003d82; /* Even darker blue for hover in dark mode */
+    }
+}
+
+html[data-theme='dark'] .story-link {
+    background-color: #0056b3; /* Darker blue for dark mode */
+    color: #ffffff; /* Bright white */
+}
+
+html[data-theme='dark'] .story-link:hover {
+    background-color: #003d82; /* Even darker blue for hover in dark mode */
+}
+
 .story-link:hover {
-    background-color: var(--accent-color-darker);
+    background-color: #003366; /* Darker hover color for better contrast */
 }
 
 /* Individual story page styles */