fix(ui): sync stale shadow rgba from pre-Phase-10a amber to current accent
Eighteen sites across SegmentedButton, Toggle, HotkeyRecorder, ModelDownloader, FilesPage, and SettingsPage hardcoded the old amber rgba(232,168,124,...) for focus rings, glows, and progress bars. After the Phase 10a a11y darkening of --accent to #c98555, the inline shadows no longer matched the accent fill they were paired with, so every focused input rendered a glow at a noticeably different hue from its border. Replaced all of them with the current accent rgba(201,133,85,...). Toggle component also had two motion violations: an active:scale-95 press-shrink and a cubic-bezier(0.16,1,0.3,1) (ease-out-expo) thumb transition. Both replaced with the brand's --ease curve (0.2,0.8,0.2,1) and the scale dropped, in line with the record-button fix in the previous commit. Removed redundant inline transition-duration overrides on FilesPage Browse button (the global * rule already sets --duration-ui) and on ModelDownloader's primary CTA (also dropped its active:scale-[0.97]).
This commit is contained in:
@@ -187,7 +187,7 @@
|
||||
type="button"
|
||||
class="inline-flex items-center gap-1.5 rounded-xl px-4 py-2.5
|
||||
{recording
|
||||
? 'bg-bg-input border-accent shadow-[0_0_0_3px_rgba(232,168,124,0.1)]'
|
||||
? 'bg-bg-input border-accent shadow-[0_0_0_3px_rgba(201,133,85,0.1)]'
|
||||
: captured
|
||||
? 'bg-bg-input border-border animate-pulse-warm'
|
||||
: 'bg-bg-input border-border hover:border-border'}
|
||||
|
||||
Reference in New Issue
Block a user