j3w1 / color.interaction.selection.inactive-bgVue · HTML · React · Astro

J3W1 / DESIGN SYSTEM

color.interaction.selection.inactive-bg

Selection while the container is not focused.

Source revision 1faefcf014c8bf01a6b27308ea796da968773a81

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

Report an issue with this token

color.interaction.selection.inactive-bg
--color-interaction-selection-inactive-bg

default · approved

Resolved value
#420f0c
Status
observed
Consumption
use — Use within the role's documented scope and restrictions.
Decisions
None pending.
Source
tokens/semantic.tokens.json:317 /color/interaction/selection/inactive-bg
Alias chain
color.primitive.red.50
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
Shared rule · contrast—— · color.interaction.selection.inactive-bgspec/contrast.json:22 /pairs/18
code-editor · partselection.bg-inactive—spec/components/code-editor.md:45 /tokens/selection.bg-inactive
list · partselected.inactive-bg—spec/components/list.md:45 /tokens/selected.inactive-bg
sidebar-nav · partselected.inactive-bg—spec/components/sidebar-nav.md:47 /tokens/selected.inactive-bg
table · partselected.inactive-bg—spec/components/table.md:50 /tokens/selected.inactive-bg
code-editor · statebgselected+container-inactive · color.interaction.selection.inactive-bgspec/components/code-editor.md:73 /stateTokens/selected+container-inactive/bg
list · statebgselected+container-inactive · color.interaction.selection.inactive-bgspec/components/list.md:55 /stateTokens/selected+container-inactive/bg
sidebar-nav · statebgselected+container-inactive · color.interaction.selection.inactive-bgspec/components/sidebar-nav.md:57 /stateTokens/selected+container-inactive/bg
table · statebgselected+container-inactive · color.interaction.selection.inactive-bgspec/components/table.md:60 /stateTokens/selected+container-inactive/bg

Relevant contrast declarations

heritage-ansi · heritage

Resolved value
#420f0c
Status
observed
Consumption
historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions
None pending.
Source
tokens/semantic.tokens.json:317 /color/interaction/selection/inactive-bg
Alias chain
color.primitive.red.50
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
Shared rule · contrast—— · color.interaction.selection.inactive-bgspec/contrast.json:22 /pairs/18
code-editor · partselection.bg-inactive—spec/components/code-editor.md:45 /tokens/selection.bg-inactive
list · partselected.inactive-bg—spec/components/list.md:45 /tokens/selected.inactive-bg
sidebar-nav · partselected.inactive-bg—spec/components/sidebar-nav.md:47 /tokens/selected.inactive-bg
table · partselected.inactive-bg—spec/components/table.md:50 /tokens/selected.inactive-bg
code-editor · statebgselected+container-inactive · color.interaction.selection.inactive-bgspec/components/code-editor.md:73 /stateTokens/selected+container-inactive/bg
list · statebgselected+container-inactive · color.interaction.selection.inactive-bgspec/components/list.md:55 /stateTokens/selected+container-inactive/bg
sidebar-nav · statebgselected+container-inactive · color.interaction.selection.inactive-bgspec/components/sidebar-nav.md:57 /stateTokens/selected+container-inactive/bg
table · statebgselected+container-inactive · color.interaction.selection.inactive-bgspec/components/table.md:60 /stateTokens/selected+container-inactive/bg

Relevant contrast declarations

extended · proposed

Resolved value
#420f0c
Status
observed
Consumption
blocked — Proposed profile: preview only, not downstream delivery.
Decisions
None pending.
Source
tokens/semantic.tokens.json:317 /color/interaction/selection/inactive-bg
Alias chain
color.primitive.red.50
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

null

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
Shared rule · contrast—— · color.interaction.selection.inactive-bgspec/contrast.json:22 /pairs/18
code-editor · partselection.bg-inactive—spec/components/code-editor.md:45 /tokens/selection.bg-inactive
list · partselected.inactive-bg—spec/components/list.md:45 /tokens/selected.inactive-bg
sidebar-nav · partselected.inactive-bg—spec/components/sidebar-nav.md:47 /tokens/selected.inactive-bg
table · partselected.inactive-bg—spec/components/table.md:50 /tokens/selected.inactive-bg
code-editor · statebgselected+container-inactive · color.interaction.selection.inactive-bgspec/components/code-editor.md:73 /stateTokens/selected+container-inactive/bg
list · statebgselected+container-inactive · color.interaction.selection.inactive-bgspec/components/list.md:55 /stateTokens/selected+container-inactive/bg
sidebar-nav · statebgselected+container-inactive · color.interaction.selection.inactive-bgspec/components/sidebar-nav.md:57 /stateTokens/selected+container-inactive/bg
table · statebgselected+container-inactive · color.interaction.selection.inactive-bgspec/components/table.md:60 /stateTokens/selected+container-inactive/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