alexei.dolgolyov
f4be2bdb89
Lint & Test / test (push) Successful in 9s
The accent picker only mutated --accent / --accent-hover, but the redesign reads everything off --copper, --copper-hi, --copper-lo, --copper-glow. --accent was a one-way alias of --copper, so picking a color did nothing. Frontend (player.js): - applyAccentColor now drives --copper, --copper-hi, --copper-lo, and a new --copper-rgb triplet (used by every soft tint / glow on both themes) - darkenColor / hexToRgbTriple helpers added beside lightenColor CSS (styles.css): - introduce --copper-rgb tokens for both themes; --copper-glow now derives from rgba(var(--copper-rgb), 0.35) so it follows the picker - replace 21 hardcoded rgba(224,128,56,...) / rgba(31,78,61,...) literals across hover bgs, focus halos, glows, vinyl-label gradients with rgba(var(--copper-rgb), ...) - replace the light-theme vinyl-label gradient hexes with var(--copper) / var(--copper-lo) Other player polish in this changeset: - track-masthead: padding-right clamp(12px, 1.5vw, 24px) so VU meter, spectrum tail, end timecode and controls sit inset from the panel edge (zeroed on the single-column mobile breakpoint to keep symmetry) - VU meter 140→120 px, volume slider 80→64 px to free up row width so the cluster stays inline with prev/play/next instead of wrapping - light-theme VU meter override: cream gauge face, dark-ink scale ticks, hunter-emerald needle (replaces the hardcoded black gauge) - fullscreen meta-cell labels: var(--ink-faint) → var(--copper) so STATE and SOURCE read as part of the same editorial system as the kicker