j3w1 / theme

j3w1 / theme4.0.0

j3w1 / command

  • SPEC Overview
  • SPEC Foundations
  • SPEC Components
  • SPEC Patterns
  • SPEC Tokens
  • SPEC Tools
  • SPEC Workbench
  • SPEC Form builder
  • SPEC Task kit
  • SPEC Recipes
  • SPEC Figma bridge
  • SPEC Report an issue
  • SPEC Implement
  • SPEC For agents
  • SPEC Ports
  • SPEC Releases
  • SPEC Specification
  • DEMO Vue application demo

color.code.syntax.variable

D-041 rose coding text reduces glare while syntax hues distinguish meaning.

Source revision 9afef8564142e41458748895d16b4df161a67d66

color.code.syntax.variable--color-code-syntax-variable

default · approved

Resolved value
#e99499
Status
approved
Consumption
use — Use within the role's documented scope and restrictions.
Decisions
None pending.
Source
tokens/semantic.tokens.json:1175 /color/code/syntax/variable
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "approved",
  "approval": {
    "decision": "D-041"
  }
}

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
code-editor · partsyntax.variable—spec/components/code-editor.md:58 /tokens/syntax.variable
obsidian · port--code-normal——ports/obsidian/mapping.json:240 /mappings/color.code.syntax.variable/0
orca · portapp.tokenColors.variable.foreground——ports/orca/mapping.json:174 /mappings/color.code.syntax.variable/0
codex · portglobals.foreground——ports/codex/mapping.json:54 /mappings/color.code.syntax.variable/1
codex · portVariable.foreground——ports/codex/mapping.json:53 /mappings/color.code.syntax.variable/0
code-editor · statefgcurrent · color.code.bgspec/components/code-editor.md:74 /stateTokens/current/fg
code-editor · statefgdefault · color.code.bgspec/components/code-editor.md:70 /stateTokens/default/fg
code-editor · statefgfocus-visible · color.code.current-linespec/components/code-editor.md:71 /stateTokens/focus-visible/fg
code-editor · statefgselected · color.code.selection-bgspec/components/code-editor.md:72 /stateTokens/selected/fg

Declared unmapped ports

  • chatgpt: Code colours come from the chosen code theme, not from separate settings. · ports/chatgpt/mapping.json:116 /unmapped/color.code.syntax.variable
  • claude-code: Claude Code draws code in fixed ANSI slots on the terminal background; its theme has no key for this role. · ports/claude-code/mapping.json:223 /unmapped/color.code.syntax.variable
  • ghostty: Interface colour role; a terminal theme file carries terminal colours only. · ports/ghostty/mapping.json:151 /unmapped/color.code.syntax.variable
  • telegram: color.code.syntax.variable has no separate native hook in this projection; related controls share the declared canonical role instead. · ports/telegram/mapping.json:1453 /unmapped/color.code.syntax.variable
  • warp: Interface colour role; a terminal theme file carries terminal colours only. · ports/warp/mapping.json:145 /unmapped/color.code.syntax.variable
  • windows: Outside Windows visual adapter scope; preserve host semantics. · ports/windows/mapping.json:2413 /unmapped/color.code.syntax.variable

Relevant contrast declarations

heritage-ansi · heritage

Resolved value
#ab1612
Status
heritage · deprecated: fails 4.5:1 (2.70); historical fidelity only
Consumption
historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions
None pending.
Source
tokens/profiles/heritage-ansi.tokens.json:59 /color/code/syntax/variable
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "heritage"
}

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
code-editor · partsyntax.variable—spec/components/code-editor.md:58 /tokens/syntax.variable
code-editor · statefgcurrent · color.code.bgspec/components/code-editor.md:74 /stateTokens/current/fg
code-editor · statefgdefault · color.code.bgspec/components/code-editor.md:70 /stateTokens/default/fg
code-editor · statefgfocus-visible · color.code.current-linespec/components/code-editor.md:71 /stateTokens/focus-visible/fg
code-editor · statefgselected · color.code.selection-bgspec/components/code-editor.md:72 /stateTokens/selected/fg

Relevant contrast declarations

extended · proposed

Resolved value
#e99499
Status
approved
Consumption
blocked — Proposed profile: preview only, not downstream delivery.
Decisions
None pending.
Source
tokens/semantic.tokens.json:1175 /color/code/syntax/variable
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "approved",
  "approval": {
    "decision": "D-041"
  }
}

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
code-editor · partsyntax.variable—spec/components/code-editor.md:58 /tokens/syntax.variable
code-editor · statefgcurrent · color.code.bgspec/components/code-editor.md:74 /stateTokens/current/fg
code-editor · statefgdefault · color.code.bgspec/components/code-editor.md:70 /stateTokens/default/fg
code-editor · statefgfocus-visible · color.code.current-linespec/components/code-editor.md:71 /stateTokens/focus-visible/fg
code-editor · statefgselected · color.code.selection-bgspec/components/code-editor.md:72 /stateTokens/selected/fg

Relevant contrast declarations