Use semi-transparent accent fill on nav button hover

color-mix(accent 18%, transparent) keeps text readable and gives a
ghost-button tint instead of a full solid fill.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Nate EmmertandClaude Sonnet 4.6 committed 2026-08-24 15:49:03 -04:00
1 parent e4a5a9c4bb
commit 3c927b3e27
3 files changed
+8 -8

No files matched your search

+2 -2
View File
@@ -41,9 +41,9 @@ a { color: var(--cool); text-decoration: none; }
transition: background .15s, border-color .15s, color .15s;
}
.logout:hover {
background: var(--accent);
background: color-mix(in srgb, var(--accent) 18%, transparent);
border-color: var(--accent);
color: #fff;
color: var(--accent);
}
/* ── Wrapper ── */