J3W1 / DESIGN SYSTEM
color.code.syntax.variable
Variables and default text.
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.code.syntax.variable--color-code-syntax-variabledefault · approved
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| code-editor · part | syntax.variable | — | spec/components/code-editor.md:58 /tokens/syntax.variable |
| code-editor · state | fg | current · color.code.bg | spec/components/code-editor.md:74 /stateTokens/current/fg |
| code-editor · state | fg | default · color.code.bg | spec/components/code-editor.md:70 /stateTokens/default/fg |
| code-editor · state | fg | focus-visible · color.code.current-line | spec/components/code-editor.md:71 /stateTokens/focus-visible/fg |
| code-editor · state | fg | selected · color.code.selection-bg | spec/components/code-editor.md:72 /stateTokens/selected/fg |
Relevant contrast declarations
- code-editor current fg: color.code.syntax.variable on color.code.bg · spec/components/code-editor.md:74
/stateTokens/current - code-editor default fg: color.code.syntax.variable on color.code.bg · spec/components/code-editor.md:70
/stateTokens/default - code-editor focus-visible fg: color.code.syntax.variable on color.code.current-line · spec/components/code-editor.md:71
/stateTokens/focus-visible - code-editor selected fg: color.code.syntax.variable on color.code.selection-bg · spec/components/code-editor.md:72
/stateTokens/selected
heritage-ansi · heritage
Provenance and restrictions
{
"status": "heritage"
}Declared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| code-editor · part | syntax.variable | — | spec/components/code-editor.md:58 /tokens/syntax.variable |
| code-editor · state | fg | current · color.code.bg | spec/components/code-editor.md:74 /stateTokens/current/fg |
| code-editor · state | fg | default · color.code.bg | spec/components/code-editor.md:70 /stateTokens/default/fg |
| code-editor · state | fg | focus-visible · color.code.current-line | spec/components/code-editor.md:71 /stateTokens/focus-visible/fg |
| code-editor · state | fg | selected · color.code.selection-bg | spec/components/code-editor.md:72 /stateTokens/selected/fg |
Relevant contrast declarations
- code-editor current fg: color.code.syntax.variable on color.code.bg · spec/components/code-editor.md:74
/stateTokens/current - code-editor default fg: color.code.syntax.variable on color.code.bg · spec/components/code-editor.md:70
/stateTokens/default - code-editor focus-visible fg: color.code.syntax.variable on color.code.current-line · spec/components/code-editor.md:71
/stateTokens/focus-visible - code-editor selected fg: color.code.syntax.variable on color.code.selection-bg · spec/components/code-editor.md:72
/stateTokens/selected
extended · proposed
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| code-editor · part | syntax.variable | — | spec/components/code-editor.md:58 /tokens/syntax.variable |
| code-editor · state | fg | current · color.code.bg | spec/components/code-editor.md:74 /stateTokens/current/fg |
| code-editor · state | fg | default · color.code.bg | spec/components/code-editor.md:70 /stateTokens/default/fg |
| code-editor · state | fg | focus-visible · color.code.current-line | spec/components/code-editor.md:71 /stateTokens/focus-visible/fg |
| code-editor · state | fg | selected · color.code.selection-bg | spec/components/code-editor.md:72 /stateTokens/selected/fg |
Relevant contrast declarations
- code-editor current fg: color.code.syntax.variable on color.code.bg · spec/components/code-editor.md:74
/stateTokens/current - code-editor default fg: color.code.syntax.variable on color.code.bg · spec/components/code-editor.md:70
/stateTokens/default - code-editor focus-visible fg: color.code.syntax.variable on color.code.current-line · spec/components/code-editor.md:71
/stateTokens/focus-visible - code-editor selected fg: color.code.syntax.variable on color.code.selection-bg · spec/components/code-editor.md:72
/stateTokens/selected