mirror of
https://github.com/gesellix/Bose-SoundTouch.git
synced 2026-08-18 08:36:13 +00:00
Tobias GesellchenandClaude Sonnet 4.6
0b97417eeb
The power, mute, shuffle, and repeat buttons used Unicode emoji (⏻ 🔇 🔀 🔁) which Android/mobile browsers render through the OS emoji font with platform-specific colour styling, ignoring CSS color entirely. This caused them to look like colourful emoji badges rather than flat monochrome controls. Replace each with an inline SVG using stroke/fill="currentColor" so they inherit the button's text colour automatically — flat in both light and dark mode, and correctly inverted when a button is in its active (accent-background) state without any extra CSS filter. The .ctrl-btn rule gains display:inline-flex + align-items:center to vertically centre both text-character (⏮ ⏸ ⏭) and SVG content consistently. The .volume-icon label in the volume row switches from an emoji span to the same currentColor SVG at 16 px. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>