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;