227c4bdf82
Two leftover form-control oddities from the audit. Range sliders (used in the clip-cutter modal and any future slider-group settings) had a stale orange thumb colour (#E5A00D) from when the app was a different shade of Twitch. Reskinned to the current purple family: track gets a subtle purple-to-dark gradient that visually echoes the queue progress bar, thumb is a 16px purple circle with a 2px white border and a soft shadow, hover scales the thumb 1.15x and turns the shadow into a purple halo for the "I can grab this" affordance. Focus-visible adds the same 3px purple ring the rest of the form controls use, so keyboard tabbing through a modal lands on a clearly-focused slider. Mirrored ::-moz-range-thumb + ::-webkit-slider-thumb so Firefox and Chromium-Electron look identical. Number inputs got the OS spinner stack hidden globally (::-webkit-inner-spin-button / outer + -moz-appearance: textfield). The default Webkit spinners are a tiny gray arrow pair that always reads as "unfinished" and clutter the look. Users still get keyboard arrow keys + wheel scroll. If a custom spinner pattern is needed later it can come back as a chrome around the input — for now the inputs read clean as text fields. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| build | ||
| docs | ||
| scripts | ||
| src | ||
| .gitignore | ||
| eslint.config.mjs | ||
| package-lock.json | ||
| package.json | ||
| README_AI_RELEASE.md | ||
| tsconfig.json | ||