From 9ff754b2628d66fdb271b8761c766ef4010b2a59 Mon Sep 17 00:00:00 2001 From: colin Date: Sun, 6 Jul 2025 18:39:26 -0400 Subject: [PATCH] Fix navigation contrast in dark mode for better accessibility --- docker/resume/styles.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/docker/resume/styles.css b/docker/resume/styles.css index 82d309e..48cfc45 100644 --- a/docker/resume/styles.css +++ b/docker/resume/styles.css @@ -275,6 +275,20 @@ hr { .main-nav a.active { background-color: var(--accent-color); color: white; + font-weight: 700; +} + +/* Add specific styles for dark mode active navigation */ +html[data-theme='dark'] .main-nav a.active { + background-color: #0056b3; + color: #ffffff; +} + +@media (prefers-color-scheme: dark) { + :root:not([data-theme='light']) .main-nav a.active { + background-color: #0056b3; + color: #ffffff; + } } /* Dropdown styles */