From e65ddc655ec56b92a53407b5ac828acebf4be258 Mon Sep 17 00:00:00 2001 From: Marcel Date: Mon, 30 Mar 2026 22:00:22 +0200 Subject: [PATCH] feat(UserMenu): brand-mint avatar, white guest icon, focus rings - Avatar: bg-brand-mint text-brand-navy (mint circle, navy initials) - Guest icon button: text-white/60, hover text-white - Both buttons: focus-visible:ring-2 ring-accent Co-Authored-By: Claude Sonnet 4.6 --- frontend/src/routes/UserMenu.svelte | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/src/routes/UserMenu.svelte b/frontend/src/routes/UserMenu.svelte index dca5e916..d803caea 100644 --- a/frontend/src/routes/UserMenu.svelte +++ b/frontend/src/routes/UserMenu.svelte @@ -33,7 +33,7 @@ function clickOutside(node: HTMLElement) { aria-expanded={userMenuOpen} aria-haspopup="true" onclick={() => (userMenuOpen = !userMenuOpen)} - class="flex h-8 w-8 items-center justify-center rounded-full bg-primary font-sans text-xs font-bold text-primary-fg transition-opacity hover:opacity-80" + class="flex h-8 w-8 items-center justify-center rounded-full bg-brand-mint font-sans text-xs font-bold text-brand-navy transition-opacity hover:opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent" > {userInitials} @@ -44,7 +44,7 @@ function clickOutside(node: HTMLElement) { aria-expanded={userMenuOpen} aria-haspopup="true" onclick={() => (userMenuOpen = !userMenuOpen)} - class="inline-flex items-center gap-1.5 px-3 py-2 font-sans text-xs font-bold tracking-widest text-ink-3 uppercase transition-colors hover:text-ink" + class="inline-flex items-center gap-1.5 px-3 py-2 font-sans text-xs font-bold tracking-widest text-white/60 uppercase transition-colors hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-accent" >