Fix severity pill contrast — both failed WCAG AA on their own tinted background
This commit is contained in:
parent
3270a9fe69
commit
633cb98462
1 changed files with 8 additions and 2 deletions
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue