From a69db98241be668e1b4139aef59813fb46d7bbe9 Mon Sep 17 00:00:00 2001 From: Martin Bauer Date: Sun, 13 Sep 2026 00:29:18 +0200 Subject: [PATCH] Use a plain text note glyph for the music tab, not the emoji MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- web/src/lib/theme.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/web/src/lib/theme.ts b/web/src/lib/theme.ts index cdbd099..f16bba6 100644 --- a/web/src/lib/theme.ts +++ b/web/src/lib/theme.ts @@ -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 = { - 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: "⌨️", };