Fix severity pill contrast — both failed WCAG AA on their own tinted background

This commit is contained in:
Barely Removable 2026-08-22 13:01:46 -07:00
parent 3270a9fe69
commit 633cb98462

View file

@ -49,8 +49,14 @@
--slab-rule: #c2c8d2; --slab-rule: #c2c8d2;
--good: #16853f; --good: #16853f;
--good-text: #127034; /* These two are the TEXT colour inside severity pills, which sit on a 15%
--warning: #a86200; tint of themselves a much lighter ground than the white they were
first picked against. Measured in place, the original pair came in at
4.38:1 and 3.37:1, both under the 4.5:1 AA floor for 12px text, on the
labels that carry this app's actual verdict. Darkened until they pass
with margin. */
--good-text: #0d5c2a;
--warning: #8a5000;
/* Deliberately darker and browner than --brand so a severity red never /* Deliberately darker and browner than --brand so a severity red never
reads as the brand red sitting next to it. */ reads as the brand red sitting next to it. */
--critical: #8f1d1d; --critical: #8f1d1d;