Files
sure/app/components
Guillem Arias Fauste c05a64ee9b fix(ds): canonical destructive red → red-500 (token + button) (#2245)
* fix(ds): canonical destructive red → red-500 (token + button)

Per the resolved color decision, --color-destructive moves from red-600
(#EC2222) to red-500 (#F13636), aligning the destructive token with the
red-500 already used app-wide for negative amounts and error text.

- design/tokens/sure.tokens.json: destructive, border-destructive and
  button-bg-destructive (red-600→red-500) + button-bg-destructive-hover
  (red-700→red-600); dark values unchanged (red-400 base / red-500 hover).
- Regenerate _generated.css.
- buttonish.rb: the destructive button now uses the theme-aware
  button-bg-destructive / -hover utilities instead of hardcoded
  bg-red-600/700, removing the last raw-palette destructive bypass.

Part of #2134.

* fix(ds): keep destructive button fill at red-600 for white-label contrast

Addresses review (Codex P2): the canonical-destructive flip to red-500 also
lowered the solid destructive button fill to red-500, dropping white-on-red
label contrast to ~3.95:1 at text-sm. Keep button-bg-destructive at red-600 /
hover red-700 (white-on-red ~4.36:1 — the prior level, no regression).

--color-destructive and border-destructive stay red-500: those are red-on-
white text/border usages where red-500 is the chosen canonical hue. Solid
white-on-red fills legitimately use a darker shade.
2026-06-11 15:23:07 +02:00
..