j3w1 / color.action.destructive.pressed-bgVue · HTML · React · Astro

J3W1 / DESIGN SYSTEM

color.action.destructive.pressed-bg

Destructive button pressed fill.

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

Find related usage · Specification anchor · Measured contrast report (default profile)

Report an issue with this token

color.action.destructive.pressed-bg
--color-action-destructive-pressed-bg

default · approved

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
button · contrastactive · color.action.destructive.pressed-bgspec/components/button.md:82 /contrast/15
button · partdestructive.bg-active · destructivespec/components/button.md:49 /tokens/destructive.bg-active
toast · partdanger.button-bg-hoverspec/components/toast.md:47 /tokens/danger.button-bg-hover

Relevant contrast declarations

heritage-ansi · heritage

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
button · contrastactive · color.action.destructive.pressed-bgspec/components/button.md:82 /contrast/15
button · partdestructive.bg-active · destructivespec/components/button.md:49 /tokens/destructive.bg-active
toast · partdanger.button-bg-hoverspec/components/toast.md:47 /tokens/danger.button-bg-hover

Relevant contrast declarations

extended · proposed

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
button · contrastactive · color.action.destructive.pressed-bgspec/components/button.md:82 /contrast/15
button · partdestructive.bg-active · destructivespec/components/button.md:49 /tokens/destructive.bg-active
toast · partdanger.button-bg-hoverspec/components/toast.md:47 /tokens/danger.button-bg-hover

Relevant contrast declarations

j3w1 / command

  • SPEC Overview
  • SPEC Foundations
  • SPEC Components
  • SPEC Patterns
  • SPEC Tokens
  • SPEC Tools
  • SPEC Implement
  • SPEC For agents
  • SPEC Ports
  • SPEC Releases
  • DEMO Vue application demo
  • SPEC Complete UI theme specification