Fix brand color regression from making the logo a link

Turning <div class="brand"> into <a class="brand"> (for the topbar
refactor) let the global 'a { color: var(--accent-hover) }' rule
override the "Link" text, tinting it purple instead of the intended
near-white body text color. Set color explicitly on .brand so only
the "Vault" span keeps the accent color.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Erik Thiele
2026-07-30 15:28:05 +02:00
parent d436aca909
commit e90921ebb0

View File

@@ -43,7 +43,7 @@
display: flex; align-items: center; justify-content: space-between;
padding: 12px 24px; background: var(--panel); border-bottom: 1px solid var(--border);
}
header.topbar .brand { font-weight: 700; font-size: 1.2rem; }
header.topbar .brand { font-weight: 700; font-size: 1.2rem; color: var(--text); }
header.topbar .brand span { color: var(--accent-hover); }
.topbar-right { display: flex; align-items: center; gap: 16px; }
.user-info { color: var(--muted); font-size: .9rem; display: flex; gap: 12px; align-items: center; }