J3W1 / DESIGN SYSTEM
color.action.destructive.filled-bg
Confirm-dialog destructive fill.
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.action.destructive.filled-bg--color-action-destructive-filled-bgdefault · approved
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| button · contrast | — | — · color.action.destructive.filled-bg | spec/components/button.md:83 /contrast/16 |
| dialog · contrast | — | focus-visible · color.action.destructive.filled-bg | spec/components/dialog.md:70 /contrast/8 |
| dialog · contrast | — | — · color.action.destructive.filled-bg | spec/components/dialog.md:67 /contrast/5 |
| dialog · contrast | — | — · color.surface.overlay | spec/components/dialog.md:68 /contrast/6 |
| button · part | destructive.bg-filled · destructive | — | spec/components/button.md:50 /tokens/destructive.bg-filled |
| dialog · part | destructive.bg | — | spec/components/dialog.md:47 /tokens/destructive.bg |
Relevant contrast declarations
- destructive fill against the overlay surface: color.action.destructive.filled-bg on color.surface.overlay · spec/components/dialog.md:68
/contrast/6 - confirm-dialog filled destructive: color.action.destructive.filled-text on color.action.destructive.filled-bg · spec/components/button.md:83
/contrast/16 - destructive confirm text on its fill: color.action.destructive.filled-text on color.action.destructive.filled-bg · spec/components/dialog.md:67
/contrast/5 - ring on the destructive fill: color.action.destructive.filled-text on color.action.destructive.filled-bg · spec/components/dialog.md:70
/contrast/8
heritage-ansi · heritage
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| button · contrast | — | — · color.action.destructive.filled-bg | spec/components/button.md:83 /contrast/16 |
| dialog · contrast | — | focus-visible · color.action.destructive.filled-bg | spec/components/dialog.md:70 /contrast/8 |
| dialog · contrast | — | — · color.action.destructive.filled-bg | spec/components/dialog.md:67 /contrast/5 |
| dialog · contrast | — | — · color.surface.overlay | spec/components/dialog.md:68 /contrast/6 |
| button · part | destructive.bg-filled · destructive | — | spec/components/button.md:50 /tokens/destructive.bg-filled |
| dialog · part | destructive.bg | — | spec/components/dialog.md:47 /tokens/destructive.bg |
Relevant contrast declarations
- destructive fill against the overlay surface: color.action.destructive.filled-bg on color.surface.overlay · spec/components/dialog.md:68
/contrast/6 - confirm-dialog filled destructive: color.action.destructive.filled-text on color.action.destructive.filled-bg · spec/components/button.md:83
/contrast/16 - destructive confirm text on its fill: color.action.destructive.filled-text on color.action.destructive.filled-bg · spec/components/dialog.md:67
/contrast/5 - ring on the destructive fill: color.action.destructive.filled-text on color.action.destructive.filled-bg · spec/components/dialog.md:70
/contrast/8
extended · proposed
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| button · contrast | — | — · color.action.destructive.filled-bg | spec/components/button.md:83 /contrast/16 |
| dialog · contrast | — | focus-visible · color.action.destructive.filled-bg | spec/components/dialog.md:70 /contrast/8 |
| dialog · contrast | — | — · color.action.destructive.filled-bg | spec/components/dialog.md:67 /contrast/5 |
| dialog · contrast | — | — · color.surface.overlay | spec/components/dialog.md:68 /contrast/6 |
| button · part | destructive.bg-filled · destructive | — | spec/components/button.md:50 /tokens/destructive.bg-filled |
| dialog · part | destructive.bg | — | spec/components/dialog.md:47 /tokens/destructive.bg |
Relevant contrast declarations
- destructive fill against the overlay surface: color.action.destructive.filled-bg on color.surface.overlay · spec/components/dialog.md:68
/contrast/6 - confirm-dialog filled destructive: color.action.destructive.filled-text on color.action.destructive.filled-bg · spec/components/button.md:83
/contrast/16 - destructive confirm text on its fill: color.action.destructive.filled-text on color.action.destructive.filled-bg · spec/components/dialog.md:67
/contrast/5 - ring on the destructive fill: color.action.destructive.filled-text on color.action.destructive.filled-bg · spec/components/dialog.md:70
/contrast/8