J3W1 / DESIGN SYSTEM
color.status.success.tint
Success background tint.
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.status.success.tint--color-status-success-tintdefault · approved
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-001"
}
}Declared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| alert · contrast | — | — · color.status.success.tint | spec/components/alert.md:61 /contrast/4 |
| alert · contrast | — | — · color.status.success.tint | spec/components/alert.md:62 /contrast/5 |
| alert · contrast | — | — · color.status.success.tint | spec/components/alert.md:63 /contrast/6 |
| toast · contrast | — | — · color.status.success.tint | spec/components/toast.md:68 /contrast/5 |
| toast · contrast | — | — · color.status.success.tint | spec/components/toast.md:69 /contrast/6 |
| toast · contrast | — | — · color.status.success.tint | spec/components/toast.md:70 /contrast/7 |
| Shared rule · contrast | — | — · color.status.success.tint | spec/contrast.json:35 /pairs/31 |
| alert · part | success.bg · success | — | spec/components/alert.md:39 /tokens/success.bg |
| toast · part | success.bg | — | spec/components/toast.md:36 /tokens/success.bg |
Relevant contrast declarations
- success border on its tint: color.status.success.border on color.status.success.tint · spec/components/toast.md:69
/contrast/6 - success border on the success tint: color.status.success.border on color.status.success.tint · spec/components/alert.md:62
/contrast/5 - success glyph and title on the success tint: color.status.success.text on color.status.success.tint · spec/components/alert.md:61
/contrast/4 - success glyph on its tint: color.status.success.text on color.status.success.tint · spec/components/toast.md:68
/contrast/5 - success text on success tint: color.status.success.text on color.status.success.tint · spec/contrast.json:35
/pairs/31 - body text on the success tint: color.text.default on color.status.success.tint · spec/components/alert.md:63
/contrast/6 - text on the success tint: color.text.default on color.status.success.tint · spec/components/toast.md:70
/contrast/7
heritage-ansi · heritage
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-001"
}
}Declared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| alert · contrast | — | — · color.status.success.tint | spec/components/alert.md:61 /contrast/4 |
| alert · contrast | — | — · color.status.success.tint | spec/components/alert.md:62 /contrast/5 |
| alert · contrast | — | — · color.status.success.tint | spec/components/alert.md:63 /contrast/6 |
| toast · contrast | — | — · color.status.success.tint | spec/components/toast.md:68 /contrast/5 |
| toast · contrast | — | — · color.status.success.tint | spec/components/toast.md:69 /contrast/6 |
| toast · contrast | — | — · color.status.success.tint | spec/components/toast.md:70 /contrast/7 |
| Shared rule · contrast | — | — · color.status.success.tint | spec/contrast.json:35 /pairs/31 |
| alert · part | success.bg · success | — | spec/components/alert.md:39 /tokens/success.bg |
| toast · part | success.bg | — | spec/components/toast.md:36 /tokens/success.bg |
Relevant contrast declarations
- success border on its tint: color.status.success.border on color.status.success.tint · spec/components/toast.md:69
/contrast/6 - success border on the success tint: color.status.success.border on color.status.success.tint · spec/components/alert.md:62
/contrast/5 - success glyph and title on the success tint: color.status.success.text on color.status.success.tint · spec/components/alert.md:61
/contrast/4 - success glyph on its tint: color.status.success.text on color.status.success.tint · spec/components/toast.md:68
/contrast/5 - success text on success tint: color.status.success.text on color.status.success.tint · spec/contrast.json:35
/pairs/31 - body text on the success tint: color.text.default on color.status.success.tint · spec/components/alert.md:63
/contrast/6 - text on the success tint: color.text.default on color.status.success.tint · spec/components/toast.md:70
/contrast/7
extended · proposed
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-001"
}
}Declared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| alert · contrast | — | — · color.status.success.tint | spec/components/alert.md:61 /contrast/4 |
| alert · contrast | — | — · color.status.success.tint | spec/components/alert.md:62 /contrast/5 |
| alert · contrast | — | — · color.status.success.tint | spec/components/alert.md:63 /contrast/6 |
| toast · contrast | — | — · color.status.success.tint | spec/components/toast.md:68 /contrast/5 |
| toast · contrast | — | — · color.status.success.tint | spec/components/toast.md:69 /contrast/6 |
| toast · contrast | — | — · color.status.success.tint | spec/components/toast.md:70 /contrast/7 |
| Shared rule · contrast | — | — · color.status.success.tint | spec/contrast.json:35 /pairs/31 |
| alert · part | success.bg · success | — | spec/components/alert.md:39 /tokens/success.bg |
| toast · part | success.bg | — | spec/components/toast.md:36 /tokens/success.bg |
Relevant contrast declarations
- success border on its tint: color.status.success.border on color.status.success.tint · spec/components/toast.md:69
/contrast/6 - success border on the success tint: color.status.success.border on color.status.success.tint · spec/components/alert.md:62
/contrast/5 - success glyph and title on the success tint: color.status.success.text on color.status.success.tint · spec/components/alert.md:61
/contrast/4 - success glyph on its tint: color.status.success.text on color.status.success.tint · spec/components/toast.md:68
/contrast/5 - success text on success tint: color.status.success.text on color.status.success.tint · spec/contrast.json:35
/pairs/31 - body text on the success tint: color.text.default on color.status.success.tint · spec/components/alert.md:63
/contrast/6 - text on the success tint: color.text.default on color.status.success.tint · spec/components/toast.md:70
/contrast/7