style(desktop): drop active background on titlebar actions

Mute/haptics state reads from the icon glyph (and aria-pressed) — no
background highlight on any titlebar action.
This commit is contained in:
Brooklyn Nicholson
2026-06-03 23:53:10 -05:00
parent e026fd88cd
commit fd68ae6331
@@ -235,12 +235,10 @@ function ProfilesMenuButton({ navigate }: { navigate: ReturnType<typeof useNavig
} }
function TitlebarToolButton({ navigate, tool }: { navigate: ReturnType<typeof useNavigate>; tool: TitlebarTool }) { function TitlebarToolButton({ navigate, tool }: { navigate: ReturnType<typeof useNavigate>; tool: TitlebarTool }) {
const className = cn( // Titlebar actions never show an active background — state reads from the
titlebarButtonClass, // icon itself (e.g. the mute/unmute glyph). aria-pressed still carries it
'bg-transparent select-none', // for a11y.
tool.active && 'bg-(--ui-control-active-background)! text-foreground!', const className = cn(titlebarButtonClass, 'bg-transparent select-none', tool.className)
tool.className
)
if (tool.href) { if (tool.href) {
return ( return (