J3W1 / DESIGN SYSTEM
color.interaction.selection.inactive-text
Text on the inactive selection (7.02:1).
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.interaction.selection.inactive-text--color-interaction-selection-inactive-textdefault · approved
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| Shared rule · contrast | — | — · color.interaction.selection.inactive-bg | spec/contrast.json:22 /pairs/18 |
| code-editor · part | selection.text-inactive | — | spec/components/code-editor.md:46 /tokens/selection.text-inactive |
| list · part | selected.inactive-text | — | spec/components/list.md:46 /tokens/selected.inactive-text |
| sidebar-nav · part | selected.inactive-text | — | spec/components/sidebar-nav.md:48 /tokens/selected.inactive-text |
| table · part | selected.inactive-text | — | spec/components/table.md:51 /tokens/selected.inactive-text |
| code-editor · state | fg | selected+container-inactive · color.interaction.selection.inactive-bg | spec/components/code-editor.md:73 /stateTokens/selected+container-inactive/fg |
| list · state | fg | selected+container-inactive · color.interaction.selection.inactive-bg | spec/components/list.md:55 /stateTokens/selected+container-inactive/fg |
| sidebar-nav · state | fg | selected+container-inactive · color.interaction.selection.inactive-bg | spec/components/sidebar-nav.md:57 /stateTokens/selected+container-inactive/fg |
| table · state | fg | selected+container-inactive · color.interaction.selection.inactive-bg | spec/components/table.md:60 /stateTokens/selected+container-inactive/fg |
Relevant contrast declarations
- code-editor selected+container-inactive fg: color.interaction.selection.inactive-text on color.interaction.selection.inactive-bg · spec/components/code-editor.md:73
/stateTokens/selected+container-inactive - inactive selection text on inactive selection: color.interaction.selection.inactive-text on color.interaction.selection.inactive-bg · spec/contrast.json:22
/pairs/18 - list selected+container-inactive fg: color.interaction.selection.inactive-text on color.interaction.selection.inactive-bg · spec/components/list.md:55
/stateTokens/selected+container-inactive - sidebar-nav selected+container-inactive fg: color.interaction.selection.inactive-text on color.interaction.selection.inactive-bg · spec/components/sidebar-nav.md:57
/stateTokens/selected+container-inactive - table selected+container-inactive fg: color.interaction.selection.inactive-text on color.interaction.selection.inactive-bg · spec/components/table.md:60
/stateTokens/selected+container-inactive
heritage-ansi · heritage
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| Shared rule · contrast | — | — · color.interaction.selection.inactive-bg | spec/contrast.json:22 /pairs/18 |
| code-editor · part | selection.text-inactive | — | spec/components/code-editor.md:46 /tokens/selection.text-inactive |
| list · part | selected.inactive-text | — | spec/components/list.md:46 /tokens/selected.inactive-text |
| sidebar-nav · part | selected.inactive-text | — | spec/components/sidebar-nav.md:48 /tokens/selected.inactive-text |
| table · part | selected.inactive-text | — | spec/components/table.md:51 /tokens/selected.inactive-text |
| code-editor · state | fg | selected+container-inactive · color.interaction.selection.inactive-bg | spec/components/code-editor.md:73 /stateTokens/selected+container-inactive/fg |
| list · state | fg | selected+container-inactive · color.interaction.selection.inactive-bg | spec/components/list.md:55 /stateTokens/selected+container-inactive/fg |
| sidebar-nav · state | fg | selected+container-inactive · color.interaction.selection.inactive-bg | spec/components/sidebar-nav.md:57 /stateTokens/selected+container-inactive/fg |
| table · state | fg | selected+container-inactive · color.interaction.selection.inactive-bg | spec/components/table.md:60 /stateTokens/selected+container-inactive/fg |
Relevant contrast declarations
- code-editor selected+container-inactive fg: color.interaction.selection.inactive-text on color.interaction.selection.inactive-bg · spec/components/code-editor.md:73
/stateTokens/selected+container-inactive - inactive selection text on inactive selection: color.interaction.selection.inactive-text on color.interaction.selection.inactive-bg · spec/contrast.json:22
/pairs/18 - list selected+container-inactive fg: color.interaction.selection.inactive-text on color.interaction.selection.inactive-bg · spec/components/list.md:55
/stateTokens/selected+container-inactive - sidebar-nav selected+container-inactive fg: color.interaction.selection.inactive-text on color.interaction.selection.inactive-bg · spec/components/sidebar-nav.md:57
/stateTokens/selected+container-inactive - table selected+container-inactive fg: color.interaction.selection.inactive-text on color.interaction.selection.inactive-bg · spec/components/table.md:60
/stateTokens/selected+container-inactive
extended · proposed
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| Shared rule · contrast | — | — · color.interaction.selection.inactive-bg | spec/contrast.json:22 /pairs/18 |
| code-editor · part | selection.text-inactive | — | spec/components/code-editor.md:46 /tokens/selection.text-inactive |
| list · part | selected.inactive-text | — | spec/components/list.md:46 /tokens/selected.inactive-text |
| sidebar-nav · part | selected.inactive-text | — | spec/components/sidebar-nav.md:48 /tokens/selected.inactive-text |
| table · part | selected.inactive-text | — | spec/components/table.md:51 /tokens/selected.inactive-text |
| code-editor · state | fg | selected+container-inactive · color.interaction.selection.inactive-bg | spec/components/code-editor.md:73 /stateTokens/selected+container-inactive/fg |
| list · state | fg | selected+container-inactive · color.interaction.selection.inactive-bg | spec/components/list.md:55 /stateTokens/selected+container-inactive/fg |
| sidebar-nav · state | fg | selected+container-inactive · color.interaction.selection.inactive-bg | spec/components/sidebar-nav.md:57 /stateTokens/selected+container-inactive/fg |
| table · state | fg | selected+container-inactive · color.interaction.selection.inactive-bg | spec/components/table.md:60 /stateTokens/selected+container-inactive/fg |
Relevant contrast declarations
- code-editor selected+container-inactive fg: color.interaction.selection.inactive-text on color.interaction.selection.inactive-bg · spec/components/code-editor.md:73
/stateTokens/selected+container-inactive - inactive selection text on inactive selection: color.interaction.selection.inactive-text on color.interaction.selection.inactive-bg · spec/contrast.json:22
/pairs/18 - list selected+container-inactive fg: color.interaction.selection.inactive-text on color.interaction.selection.inactive-bg · spec/components/list.md:55
/stateTokens/selected+container-inactive - sidebar-nav selected+container-inactive fg: color.interaction.selection.inactive-text on color.interaction.selection.inactive-bg · spec/components/sidebar-nav.md:57
/stateTokens/selected+container-inactive - table selected+container-inactive fg: color.interaction.selection.inactive-text on color.interaction.selection.inactive-bg · spec/components/table.md:60
/stateTokens/selected+container-inactive