fix(tradein/v2): a11y contrast — source badges ≥AA в оверлеях (#2062) #2079
2 changed files with 5 additions and 2 deletions
|
|
@ -347,7 +347,9 @@ export default function HistoryView({
|
||||||
border: `1px solid ${tokens.line2}`,
|
border: `1px solid ${tokens.line2}`,
|
||||||
borderRadius: "3px",
|
borderRadius: "3px",
|
||||||
padding: "1px 5px",
|
padding: "1px 5px",
|
||||||
color: tokens.accent,
|
// accentDeep (not accent): 8px accent on badgeTint ~2.8:1 < AA;
|
||||||
|
// accentDeep keeps the blue brand cue at ≈5:1.
|
||||||
|
color: tokens.accentDeep,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{r.source ?? "—"}
|
{r.source ?? "—"}
|
||||||
|
|
|
||||||
|
|
@ -96,7 +96,8 @@ const badge: CSSProperties = {
|
||||||
border: `1px solid ${tokens.line2}`,
|
border: `1px solid ${tokens.line2}`,
|
||||||
borderRadius: 3,
|
borderRadius: 3,
|
||||||
padding: "2px 8px",
|
padding: "2px 8px",
|
||||||
color: tokens.muted,
|
// body2 (not muted): 9px muted on badgeTint was ~3.3:1 < AA; body2 ≈ 6.3:1.
|
||||||
|
color: tokens.body2,
|
||||||
};
|
};
|
||||||
|
|
||||||
const chip: CSSProperties = {
|
const chip: CSSProperties = {
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue