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:
@@ -85,7 +85,10 @@ export const TAB_RAIL_CLEARANCE = 88;
|
|||||||
* smarthome tab only renders when Home Assistant is configured (see `App.tsx`); the
|
* smarthome tab only renders when Home Assistant is configured (see `App.tsx`); the
|
||||||
* other two always show. */
|
* other two always show. */
|
||||||
export const PAGE_ICON: Record<UiState["page"], string> = {
|
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: "💡",
|
room: "💡",
|
||||||
typing: "⌨️",
|
typing: "⌨️",
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user