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:
@@ -43,7 +43,7 @@
|
|||||||
display: flex; align-items: center; justify-content: space-between;
|
display: flex; align-items: center; justify-content: space-between;
|
||||||
padding: 12px 24px; background: var(--panel); border-bottom: 1px solid var(--border);
|
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); }
|
header.topbar .brand span { color: var(--accent-hover); }
|
||||||
.topbar-right { display: flex; align-items: center; gap: 16px; }
|
.topbar-right { display: flex; align-items: center; gap: 16px; }
|
||||||
.user-info { color: var(--muted); font-size: .9rem; display: flex; gap: 12px; align-items: center; }
|
.user-info { color: var(--muted); font-size: .9rem; display: flex; gap: 12px; align-items: center; }
|
||||||
|
|||||||
Reference in New Issue
Block a user