From 9bacb8092df07861b918212319888335c25dd8e2 Mon Sep 17 00:00:00 2001 From: etalon Date: Sat, 13 Jun 2026 11:19:37 +0200 Subject: [PATCH] fix: brighten nav menu link color for readability on dark themes 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 --- web/static/css/app.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/web/static/css/app.css b/web/static/css/app.css index 2502819..41e2ff4 100644 --- a/web/static/css/app.css +++ b/web/static/css/app.css @@ -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;