etalon/BountyBoard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: brighten nav menu link color for readability on dark themes

Browse Source 
Sidebar/top-bar links used --muted, which was too dim against the dark
surfaces of the neon/dark/terminal themes. Mix 72% --text so menu items stay
legible everywhere while inactive links remain softer than headings.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
etalon
2026-06-13 11:19:37 +02:00
parent e8beb7d4f3
commit 9bacb8092d
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/static/css/app.css
+2 -1
View File
@@ -284,7 +284,8 @@ table, .badge, input[type=number] { font-variant-numeric: tabular-nums; }
.topnav .brand:hover { text-decoration: none; }
.topnav .links { display: flex; gap: 2px; flex: 1; flex-wrap: wrap; }
.topnav .links a {
color: var(--muted);
/* brighter than --muted so menu items stay readable on dark themes */
color: color-mix(in srgb, var(--text) 72%, var(--muted));
padding: 7px 11px;
border-radius: var(--radius);
font-weight: 500;