diff --git a/tradein-mvp/frontend/src/components/trade-in/v2/HistoryView.tsx b/tradein-mvp/frontend/src/components/trade-in/v2/HistoryView.tsx index 4b0ddb02..cd0faa0f 100644 --- a/tradein-mvp/frontend/src/components/trade-in/v2/HistoryView.tsx +++ b/tradein-mvp/frontend/src/components/trade-in/v2/HistoryView.tsx @@ -347,7 +347,9 @@ export default function HistoryView({ border: `1px solid ${tokens.line2}`, borderRadius: "3px", 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 ?? "—"} diff --git a/tradein-mvp/frontend/src/components/trade-in/v2/SourcesView.tsx b/tradein-mvp/frontend/src/components/trade-in/v2/SourcesView.tsx index c48b608e..dc320c0a 100644 --- a/tradein-mvp/frontend/src/components/trade-in/v2/SourcesView.tsx +++ b/tradein-mvp/frontend/src/components/trade-in/v2/SourcesView.tsx @@ -96,7 +96,8 @@ const badge: CSSProperties = { border: `1px solid ${tokens.line2}`, borderRadius: 3, 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 = {