79465580ab
Initial-letter glyphs (SP / AM / DZ / ...) read as placeholder once the brand-logo equalizer disc was visualised — each chip should carry the service's actual mark. Wired the same logo URLs the header-action worker orbs already load (Spotify press asset, iTunes Wikimedia SVG, Deezer brandfetch symbol, Last.fm avatar, Genius logo, MusicBrainz Wikimedia SVG, AudioDB local PNG, Tidal / Qobuz / Discogs SVGRepo marks, Amazon local SVG) into a new _RATE_GAUGE_LOGOS map and rendered as an ``<img>`` inside the avatar disc. Visual details - Disc backdrop switched from a solid accent-gradient fill to a dark glass radial + accent-tinted ring + accent drop-shadow on the logo. The service color still anchors the chip without competing with the logo for contrast. - Logo sized at 75% of the disc for breathing room. Drop-shadow pops dark / multi-tone marks against the dark backdrop. - Avatar bumped to 34px / 28px / 26px across desktop / tablet / mobile so logos read clearly at every breakpoint. Resilience - ``<img onerror>`` swaps in an initial-letter glyph span on load failure (CDN drop, network blip). The ``.rate-eq-avatar --fallback`` variant restores the original accent-gradient disc look so the fallback chip still reads as branded. Asset - AudioDB ships no public logo URL — saved the existing header- action base64 PNG (~30 KB) to ``webui/static/audiodb.png`` so the equalizer can reference it as ``/static/audiodb.png`` like Amazon already does.
29 KiB
225x225px
29 KiB
225x225px
