Use a plain text note glyph for the music tab, not the emoji

Setting color explicitly wasn't enough: the 🎵 emoji has its own
baked-in colour (a muted grey-blue on at least one real platform) and
simply ignores the CSS color property, unlike a plain Unicode symbol.
Swapped to the bare eighth-note character (♪), which renders as text
and finally responds to the color already set on the button.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-13 00:29:18 +02:00
parent e243862769
commit a69db98241

View File

@@ -85,7 +85,10 @@ export const TAB_RAIL_CLEARANCE = 88;
* smarthome tab only renders when Home Assistant is configured (see `App.tsx`); the
* other two always show. */
export const PAGE_ICON: Record<UiState["page"], string> = {
music: "🎵",
// A plain Unicode symbol, not the 🎵 emoji: that glyph's own built-in colour is a
// muted grey-blue on at least one real platform, which is illegible against the tab
// rail's own glass background and does not respond to `color` the way text does.
music: "♪",
room: "💡",
typing: "⌨️",
};