J3W1 / DESIGN SYSTEM
color.code.selection-bg
Editor selection background (muted text stays 4.71:1).
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.code.selection-bg--color-code-selection-bgdefault · approved
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| code-editor · contrast | — | selected · color.code.selection-bg | spec/components/code-editor.md:92 /contrast/15 |
| diagnostics · contrast | — | selected · color.code.selection-bg | spec/components/diagnostics.md:78 /contrast/5 |
| Shared rule · contrast | — | — · color.code.selection-bg | spec/contrast.json:55 /pairs/51 |
| code-editor · part | selection.bg | — | spec/components/code-editor.md:44 /tokens/selection.bg |
| diagnostics · part | code.selection-bg | — | spec/components/diagnostics.md:38 /tokens/code.selection-bg |
| code-editor · state | bg | selected · color.code.selection-bg | spec/components/code-editor.md:72 /stateTokens/selected/bg |
Relevant contrast declarations
- muted string text inside the selection: color.code.syntax.string on color.code.selection-bg · spec/components/code-editor.md:92
/contrast/15 - code-editor selected fg: color.code.syntax.variable on color.code.selection-bg · spec/components/code-editor.md:72
/stateTokens/selected - warning underline inside the selected range: color.diagnostic.warning.underline on color.code.selection-bg · spec/components/diagnostics.md:78
/contrast/5 - muted text on editor selection: color.text.muted on color.code.selection-bg · spec/contrast.json:55
/pairs/51
heritage-ansi · heritage
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| code-editor · contrast | — | selected · color.code.selection-bg | spec/components/code-editor.md:92 /contrast/15 |
| diagnostics · contrast | — | selected · color.code.selection-bg | spec/components/diagnostics.md:78 /contrast/5 |
| Shared rule · contrast | — | — · color.code.selection-bg | spec/contrast.json:55 /pairs/51 |
| code-editor · part | selection.bg | — | spec/components/code-editor.md:44 /tokens/selection.bg |
| diagnostics · part | code.selection-bg | — | spec/components/diagnostics.md:38 /tokens/code.selection-bg |
| code-editor · state | bg | selected · color.code.selection-bg | spec/components/code-editor.md:72 /stateTokens/selected/bg |
Relevant contrast declarations
- muted string text inside the selection: color.code.syntax.string on color.code.selection-bg · spec/components/code-editor.md:92
/contrast/15 - code-editor selected fg: color.code.syntax.variable on color.code.selection-bg · spec/components/code-editor.md:72
/stateTokens/selected - warning underline inside the selected range: color.diagnostic.warning.underline on color.code.selection-bg · spec/components/diagnostics.md:78
/contrast/5 - muted text on editor selection: color.text.muted on color.code.selection-bg · spec/contrast.json:55
/pairs/51
extended · proposed
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| code-editor · contrast | — | selected · color.code.selection-bg | spec/components/code-editor.md:92 /contrast/15 |
| diagnostics · contrast | — | selected · color.code.selection-bg | spec/components/diagnostics.md:78 /contrast/5 |
| Shared rule · contrast | — | — · color.code.selection-bg | spec/contrast.json:55 /pairs/51 |
| code-editor · part | selection.bg | — | spec/components/code-editor.md:44 /tokens/selection.bg |
| diagnostics · part | code.selection-bg | — | spec/components/diagnostics.md:38 /tokens/code.selection-bg |
| code-editor · state | bg | selected · color.code.selection-bg | spec/components/code-editor.md:72 /stateTokens/selected/bg |
Relevant contrast declarations
- muted string text inside the selection: color.code.syntax.string on color.code.selection-bg · spec/components/code-editor.md:92
/contrast/15 - code-editor selected fg: color.code.syntax.variable on color.code.selection-bg · spec/components/code-editor.md:72
/stateTokens/selected - warning underline inside the selected range: color.diagnostic.warning.underline on color.code.selection-bg · spec/components/diagnostics.md:78
/contrast/5 - muted text on editor selection: color.text.muted on color.code.selection-bg · spec/contrast.json:55
/pairs/51