fix(header): darken nav text in light mode — use text-secondary for inactive, primary-solid for active

This commit is contained in:
2026-04-08 23:43:25 -04:00
parent 058bd76719
commit 126bad7d99
+3 -3
View File
@@ -208,7 +208,7 @@ router.afterEach(() => {
} }
.nav-link { .nav-link {
color: var(--color-text-muted); color: var(--color-text-secondary);
text-decoration: none; text-decoration: none;
font-size: 0.82rem; font-size: 0.82rem;
padding: 0.3rem 0.75rem; padding: 0.3rem 0.75rem;
@@ -216,11 +216,11 @@ router.afterEach(() => {
transition: background 0.15s, color 0.15s; transition: background 0.15s, color 0.15s;
} }
.nav-link:hover { .nav-link:hover {
color: var(--color-text-secondary); color: var(--color-text);
background: var(--color-primary-tint); background: var(--color-primary-tint);
} }
.nav-link.router-link-active { .nav-link.router-link-active {
color: #c4b5fd; color: var(--color-primary-solid);
font-weight: 600; font-weight: 600;
background: rgba(124, 58, 237, 0.25); background: rgba(124, 58, 237, 0.25);
box-shadow: 0 0 16px rgba(124, 58, 237, 0.3); box-shadow: 0 0 16px rgba(124, 58, 237, 0.3);