J3W1 / DESIGN SYSTEM
color.status.info.tint
Info background tint.
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.status.info.tint--color-status-info-tintdefault · approved
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-001"
}
}Declared component and port usage
Relevant contrast declarations
- alert focus-visible fg: color.action.tertiary.text on color.status.info.tint · spec/components/alert.md:55
/stateTokens/focus-visible - close button on the info tint: color.action.tertiary.text on color.status.info.tint · spec/components/alert.md:70
/contrast/13 - alert focus-visible outline: color.interaction.focus.ring on color.status.info.tint · spec/components/alert.md:55
/stateTokens/focus-visible - ring on the info tint: color.interaction.focus.ring on color.status.info.tint · spec/components/alert.md:71
/contrast/14 - info border on its tint: color.status.info.border on color.status.info.tint · spec/components/toast.md:72
/contrast/9 - info border on the info tint: color.status.info.border on color.status.info.tint · spec/components/alert.md:65
/contrast/8 - info glyph and title on the info tint: color.status.info.text on color.status.info.tint · spec/components/alert.md:64
/contrast/7 - info glyph on its tint: color.status.info.text on color.status.info.tint · spec/components/toast.md:71
/contrast/8 - info text on info tint: color.status.info.text on color.status.info.tint · spec/contrast.json:38
/pairs/34 - notice title on its tint: color.status.info.text on color.status.info.tint · spec/components/admin-form.md:74
/contrast/4 - body text on the info tint: color.text.default on color.status.info.tint · spec/components/alert.md:66
/contrast/9 - notice text on its tint: color.text.default on color.status.info.tint · spec/components/admin-form.md:75
/contrast/5 - text on the info tint: color.text.default on color.status.info.tint · spec/components/toast.md:73
/contrast/10
heritage-ansi · heritage
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-001"
}
}Declared component and port usage
Relevant contrast declarations
- alert focus-visible fg: color.action.tertiary.text on color.status.info.tint · spec/components/alert.md:55
/stateTokens/focus-visible - close button on the info tint: color.action.tertiary.text on color.status.info.tint · spec/components/alert.md:70
/contrast/13 - alert focus-visible outline: color.interaction.focus.ring on color.status.info.tint · spec/components/alert.md:55
/stateTokens/focus-visible - ring on the info tint: color.interaction.focus.ring on color.status.info.tint · spec/components/alert.md:71
/contrast/14 - info border on its tint: color.status.info.border on color.status.info.tint · spec/components/toast.md:72
/contrast/9 - info border on the info tint: color.status.info.border on color.status.info.tint · spec/components/alert.md:65
/contrast/8 - info glyph and title on the info tint: color.status.info.text on color.status.info.tint · spec/components/alert.md:64
/contrast/7 - info glyph on its tint: color.status.info.text on color.status.info.tint · spec/components/toast.md:71
/contrast/8 - info text on info tint: color.status.info.text on color.status.info.tint · spec/contrast.json:38
/pairs/34 - notice title on its tint: color.status.info.text on color.status.info.tint · spec/components/admin-form.md:74
/contrast/4 - body text on the info tint: color.text.default on color.status.info.tint · spec/components/alert.md:66
/contrast/9 - notice text on its tint: color.text.default on color.status.info.tint · spec/components/admin-form.md:75
/contrast/5 - text on the info tint: color.text.default on color.status.info.tint · spec/components/toast.md:73
/contrast/10
extended · proposed
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-001"
}
}Declared component and port usage
Relevant contrast declarations
- alert focus-visible fg: color.action.tertiary.text on color.status.info.tint · spec/components/alert.md:55
/stateTokens/focus-visible - close button on the info tint: color.action.tertiary.text on color.status.info.tint · spec/components/alert.md:70
/contrast/13 - alert focus-visible outline: color.interaction.focus.ring on color.status.info.tint · spec/components/alert.md:55
/stateTokens/focus-visible - ring on the info tint: color.interaction.focus.ring on color.status.info.tint · spec/components/alert.md:71
/contrast/14 - info border on its tint: color.status.info.border on color.status.info.tint · spec/components/toast.md:72
/contrast/9 - info border on the info tint: color.status.info.border on color.status.info.tint · spec/components/alert.md:65
/contrast/8 - info glyph and title on the info tint: color.status.info.text on color.status.info.tint · spec/components/alert.md:64
/contrast/7 - info glyph on its tint: color.status.info.text on color.status.info.tint · spec/components/toast.md:71
/contrast/8 - info text on info tint: color.status.info.text on color.status.info.tint · spec/contrast.json:38
/pairs/34 - notice title on its tint: color.status.info.text on color.status.info.tint · spec/components/admin-form.md:74
/contrast/4 - body text on the info tint: color.text.default on color.status.info.tint · spec/components/alert.md:66
/contrast/9 - notice text on its tint: color.text.default on color.status.info.tint · spec/components/admin-form.md:75
/contrast/5 - text on the info tint: color.text.default on color.status.info.tint · spec/components/toast.md:73
/contrast/10