j3w1 / color.status.danger.fillVue · HTML · React · Astro

J3W1 / DESIGN SYSTEM

color.status.danger.fill

Danger fill.

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

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

Report an issue with this token

color.status.danger.fill
--color-status-danger-fill

default · approved

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
badge · contrastempty · color.surface.defaultspec/components/badge.md:69 /contrast/15
i3-window-frame · contrasterror · color.surface.chromespec/components/i3-window-frame.md:79 /contrast/8
progress · contrasterror · color.interaction.pressed.bgspec/components/progress.md:46 /contrast/4
toast · contrast— · color.status.danger.fillspec/components/toast.md:77 /contrast/14
toast · contrast— · color.status.danger.fillspec/components/toast.md:79 /contrast/16
toast · contrast— · color.surface.canvasspec/components/toast.md:78 /contrast/15
Shared rule · contrast— · color.status.danger.fillspec/contrast.json:30 /pairs/26
badge · partdanger.bgspec/components/badge.md:28 /tokens/danger.bg
i3-window-frame · partworkspace.urgent-bgspec/components/i3-window-frame.md:43 /tokens/workspace.urgent-bg
progress · partvalue.bg-errorspec/components/progress.md:31 /tokens/value.bg-error
toast · partdanger.bgspec/components/toast.md:45 /tokens/danger.bg
badge · statebgdefault · color.status.danger.fillspec/components/badge.md:51 /stateTokens/default/bg
badge · statebgempty · color.status.danger.fillspec/components/badge.md:52 /stateTokens/empty/bg
i3-window-frame · statebgerror · color.status.danger.fillspec/components/i3-window-frame.md:69 /stateTokens/error/bg

Relevant contrast declarations

heritage-ansi · heritage

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
badge · contrastempty · color.surface.defaultspec/components/badge.md:69 /contrast/15
i3-window-frame · contrasterror · color.surface.chromespec/components/i3-window-frame.md:79 /contrast/8
progress · contrasterror · color.interaction.pressed.bgspec/components/progress.md:46 /contrast/4
toast · contrast— · color.status.danger.fillspec/components/toast.md:77 /contrast/14
toast · contrast— · color.status.danger.fillspec/components/toast.md:79 /contrast/16
toast · contrast— · color.surface.canvasspec/components/toast.md:78 /contrast/15
Shared rule · contrast— · color.status.danger.fillspec/contrast.json:30 /pairs/26
badge · partdanger.bgspec/components/badge.md:28 /tokens/danger.bg
i3-window-frame · partworkspace.urgent-bgspec/components/i3-window-frame.md:43 /tokens/workspace.urgent-bg
progress · partvalue.bg-errorspec/components/progress.md:31 /tokens/value.bg-error
toast · partdanger.bgspec/components/toast.md:45 /tokens/danger.bg
badge · statebgdefault · color.status.danger.fillspec/components/badge.md:51 /stateTokens/default/bg
badge · statebgempty · color.status.danger.fillspec/components/badge.md:52 /stateTokens/empty/bg
i3-window-frame · statebgerror · color.status.danger.fillspec/components/i3-window-frame.md:69 /stateTokens/error/bg

Relevant contrast declarations

extended · proposed

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
badge · contrastempty · color.surface.defaultspec/components/badge.md:69 /contrast/15
i3-window-frame · contrasterror · color.surface.chromespec/components/i3-window-frame.md:79 /contrast/8
progress · contrasterror · color.interaction.pressed.bgspec/components/progress.md:46 /contrast/4
toast · contrast— · color.status.danger.fillspec/components/toast.md:77 /contrast/14
toast · contrast— · color.status.danger.fillspec/components/toast.md:79 /contrast/16
toast · contrast— · color.surface.canvasspec/components/toast.md:78 /contrast/15
Shared rule · contrast— · color.status.danger.fillspec/contrast.json:30 /pairs/26
badge · partdanger.bgspec/components/badge.md:28 /tokens/danger.bg
i3-window-frame · partworkspace.urgent-bgspec/components/i3-window-frame.md:43 /tokens/workspace.urgent-bg
progress · partvalue.bg-errorspec/components/progress.md:31 /tokens/value.bg-error
toast · partdanger.bgspec/components/toast.md:45 /tokens/danger.bg
badge · statebgdefault · color.status.danger.fillspec/components/badge.md:51 /stateTokens/default/bg
badge · statebgempty · color.status.danger.fillspec/components/badge.md:52 /stateTokens/empty/bg
i3-window-frame · statebgerror · color.status.danger.fillspec/components/i3-window-frame.md:69 /stateTokens/error/bg

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