J3W1 / DESIGN SYSTEM
color.code.bg
Editor background.
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.code.bg--color-code-bgdefault · approved
Provenance and restrictions
nullDeclared component and port usage
Relevant contrast declarations
- code-editor default border: color.border.control on color.code.bg · spec/components/code-editor.md:70
/stateTokens/default - diff-view default border: color.border.control on color.code.bg · spec/components/diff-view.md:63
/stateTokens/default - bracket-match outline on the editor surface: color.code.bracket-match on color.code.bg · spec/components/code-editor.md:78
/contrast/1 - code-editor current border: color.code.bracket-match on color.code.bg · spec/components/code-editor.md:74
/stateTokens/current - gutter rule (decorative): color.code.gutter-rule on color.code.bg · spec/components/code-editor.md:96
/contrast/19 - indent guide (decorative): color.code.indent-guide on color.code.bg · spec/components/code-editor.md:94
/contrast/17 - line numbers on code background: color.code.line-number on color.code.bg · spec/contrast.json:49
/pairs/45 - attribute and escape: color.code.syntax.attribute on color.code.bg · spec/components/code-editor.md:90
/contrast/13 - comment on code background: color.code.syntax.comment on color.code.bg · spec/contrast.json:51
/pairs/47 - comment: color.code.syntax.comment on color.code.bg · spec/components/code-editor.md:84
/contrast/7 - deprecated text: color.code.syntax.deprecated on color.code.bg · spec/components/code-editor.md:91
/contrast/14 - deprecated text: color.code.syntax.deprecated on color.code.bg · spec/components/diagnostics.md:83
/contrast/10 - function: color.code.syntax.function on color.code.bg · spec/components/code-editor.md:86
/contrast/9 - keyword on code background: color.code.syntax.keyword on color.code.bg · spec/contrast.json:53
/pairs/49 - keyword: color.code.syntax.keyword on color.code.bg · spec/components/code-editor.md:82
/contrast/5 - number and constant: color.code.syntax.number on color.code.bg · spec/components/code-editor.md:85
/contrast/8 - property, heading and invalid text: color.code.syntax.property on color.code.bg · spec/components/code-editor.md:88
/contrast/11 - string on code background: color.code.syntax.string on color.code.bg · spec/contrast.json:52
/pairs/48 - string: color.code.syntax.string on color.code.bg · spec/components/code-editor.md:83
/contrast/6 - tag: color.code.syntax.tag on color.code.bg · spec/components/code-editor.md:89
/contrast/12 - type on code background: color.code.syntax.type on color.code.bg · spec/contrast.json:54
/pairs/50 - type: color.code.syntax.type on color.code.bg · spec/components/code-editor.md:87
/contrast/10 - 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 - rendered whitespace (decorative): color.code.whitespace on color.code.bg · spec/components/code-editor.md:95
/contrast/18 - error stripe mark: color.diagnostic.error.stripe on color.code.bg · spec/components/diagnostics.md:84
/contrast/11 - error underline: color.diagnostic.error.underline on color.code.bg · spec/components/diagnostics.md:76
/contrast/3 - hint underline: color.diagnostic.hint.underline on color.code.bg · spec/components/diagnostics.md:81
/contrast/8 - info stripe mark: color.diagnostic.info.text on color.code.bg · spec/components/diagnostics.md:86
/contrast/13 - info underline: color.diagnostic.info.underline on color.code.bg · spec/components/diagnostics.md:80
/contrast/7 - unused text: color.diagnostic.unused.text on color.code.bg · spec/components/diagnostics.md:82
/contrast/9 - warning stripe mark: color.diagnostic.warning.stripe on color.code.bg · spec/components/diagnostics.md:85
/contrast/12 - warning underline: color.diagnostic.warning.underline on color.code.bg · spec/components/diagnostics.md:79
/contrast/6 - conflict double border: color.diff.conflict-border on color.code.bg · spec/components/diff-view.md:84
/contrast/14 - diff-view focus-visible outline: color.interaction.focus.ring on color.code.bg · spec/components/diff-view.md:66
/stateTokens/focus-visible - code text: color.text.default on color.code.bg · spec/components/diagnostics.md:73
/contrast/0 - diff-view default fg: color.text.default on color.code.bg · spec/components/diff-view.md:63
/stateTokens/default - diff-view focus-visible fg: color.text.default on color.code.bg · spec/components/diff-view.md:66
/stateTokens/focus-visible - fold marker text: color.text.muted on color.code.bg · spec/components/code-editor.md:93
/contrast/16 - line numbers on a context row: color.text.muted on color.code.bg · spec/components/diff-view.md:75
/contrast/5
heritage-ansi · heritage
Provenance and restrictions
nullDeclared component and port usage
Relevant contrast declarations
- code-editor default border: color.border.control on color.code.bg · spec/components/code-editor.md:70
/stateTokens/default - diff-view default border: color.border.control on color.code.bg · spec/components/diff-view.md:63
/stateTokens/default - bracket-match outline on the editor surface: color.code.bracket-match on color.code.bg · spec/components/code-editor.md:78
/contrast/1 - code-editor current border: color.code.bracket-match on color.code.bg · spec/components/code-editor.md:74
/stateTokens/current - gutter rule (decorative): color.code.gutter-rule on color.code.bg · spec/components/code-editor.md:96
/contrast/19 - indent guide (decorative): color.code.indent-guide on color.code.bg · spec/components/code-editor.md:94
/contrast/17 - line numbers on code background: color.code.line-number on color.code.bg · spec/contrast.json:49
/pairs/45 - attribute and escape: color.code.syntax.attribute on color.code.bg · spec/components/code-editor.md:90
/contrast/13 - comment on code background: color.code.syntax.comment on color.code.bg · spec/contrast.json:51
/pairs/47 - comment: color.code.syntax.comment on color.code.bg · spec/components/code-editor.md:84
/contrast/7 - deprecated text: color.code.syntax.deprecated on color.code.bg · spec/components/code-editor.md:91
/contrast/14 - deprecated text: color.code.syntax.deprecated on color.code.bg · spec/components/diagnostics.md:83
/contrast/10 - function: color.code.syntax.function on color.code.bg · spec/components/code-editor.md:86
/contrast/9 - keyword on code background: color.code.syntax.keyword on color.code.bg · spec/contrast.json:53
/pairs/49 - keyword: color.code.syntax.keyword on color.code.bg · spec/components/code-editor.md:82
/contrast/5 - number and constant: color.code.syntax.number on color.code.bg · spec/components/code-editor.md:85
/contrast/8 - property, heading and invalid text: color.code.syntax.property on color.code.bg · spec/components/code-editor.md:88
/contrast/11 - string on code background: color.code.syntax.string on color.code.bg · spec/contrast.json:52
/pairs/48 - string: color.code.syntax.string on color.code.bg · spec/components/code-editor.md:83
/contrast/6 - tag: color.code.syntax.tag on color.code.bg · spec/components/code-editor.md:89
/contrast/12 - type on code background: color.code.syntax.type on color.code.bg · spec/contrast.json:54
/pairs/50 - type: color.code.syntax.type on color.code.bg · spec/components/code-editor.md:87
/contrast/10 - 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 - rendered whitespace (decorative): color.code.whitespace on color.code.bg · spec/components/code-editor.md:95
/contrast/18 - error stripe mark: color.diagnostic.error.stripe on color.code.bg · spec/components/diagnostics.md:84
/contrast/11 - error underline: color.diagnostic.error.underline on color.code.bg · spec/components/diagnostics.md:76
/contrast/3 - hint underline: color.diagnostic.hint.underline on color.code.bg · spec/components/diagnostics.md:81
/contrast/8 - info stripe mark: color.diagnostic.info.text on color.code.bg · spec/components/diagnostics.md:86
/contrast/13 - info underline: color.diagnostic.info.underline on color.code.bg · spec/components/diagnostics.md:80
/contrast/7 - unused text: color.diagnostic.unused.text on color.code.bg · spec/components/diagnostics.md:82
/contrast/9 - warning stripe mark: color.diagnostic.warning.stripe on color.code.bg · spec/components/diagnostics.md:85
/contrast/12 - warning underline: color.diagnostic.warning.underline on color.code.bg · spec/components/diagnostics.md:79
/contrast/6 - conflict double border: color.diff.conflict-border on color.code.bg · spec/components/diff-view.md:84
/contrast/14 - diff-view focus-visible outline: color.interaction.focus.ring on color.code.bg · spec/components/diff-view.md:66
/stateTokens/focus-visible - code text: color.text.default on color.code.bg · spec/components/diagnostics.md:73
/contrast/0 - diff-view default fg: color.text.default on color.code.bg · spec/components/diff-view.md:63
/stateTokens/default - diff-view focus-visible fg: color.text.default on color.code.bg · spec/components/diff-view.md:66
/stateTokens/focus-visible - fold marker text: color.text.muted on color.code.bg · spec/components/code-editor.md:93
/contrast/16 - line numbers on a context row: color.text.muted on color.code.bg · spec/components/diff-view.md:75
/contrast/5
extended · proposed
Provenance and restrictions
nullDeclared component and port usage
Relevant contrast declarations
- code-editor default border: color.border.control on color.code.bg · spec/components/code-editor.md:70
/stateTokens/default - diff-view default border: color.border.control on color.code.bg · spec/components/diff-view.md:63
/stateTokens/default - bracket-match outline on the editor surface: color.code.bracket-match on color.code.bg · spec/components/code-editor.md:78
/contrast/1 - code-editor current border: color.code.bracket-match on color.code.bg · spec/components/code-editor.md:74
/stateTokens/current - gutter rule (decorative): color.code.gutter-rule on color.code.bg · spec/components/code-editor.md:96
/contrast/19 - indent guide (decorative): color.code.indent-guide on color.code.bg · spec/components/code-editor.md:94
/contrast/17 - line numbers on code background: color.code.line-number on color.code.bg · spec/contrast.json:49
/pairs/45 - attribute and escape: color.code.syntax.attribute on color.code.bg · spec/components/code-editor.md:90
/contrast/13 - comment on code background: color.code.syntax.comment on color.code.bg · spec/contrast.json:51
/pairs/47 - comment: color.code.syntax.comment on color.code.bg · spec/components/code-editor.md:84
/contrast/7 - deprecated text: color.code.syntax.deprecated on color.code.bg · spec/components/code-editor.md:91
/contrast/14 - deprecated text: color.code.syntax.deprecated on color.code.bg · spec/components/diagnostics.md:83
/contrast/10 - function: color.code.syntax.function on color.code.bg · spec/components/code-editor.md:86
/contrast/9 - keyword on code background: color.code.syntax.keyword on color.code.bg · spec/contrast.json:53
/pairs/49 - keyword: color.code.syntax.keyword on color.code.bg · spec/components/code-editor.md:82
/contrast/5 - number and constant: color.code.syntax.number on color.code.bg · spec/components/code-editor.md:85
/contrast/8 - property, heading and invalid text: color.code.syntax.property on color.code.bg · spec/components/code-editor.md:88
/contrast/11 - string on code background: color.code.syntax.string on color.code.bg · spec/contrast.json:52
/pairs/48 - string: color.code.syntax.string on color.code.bg · spec/components/code-editor.md:83
/contrast/6 - tag: color.code.syntax.tag on color.code.bg · spec/components/code-editor.md:89
/contrast/12 - type on code background: color.code.syntax.type on color.code.bg · spec/contrast.json:54
/pairs/50 - type: color.code.syntax.type on color.code.bg · spec/components/code-editor.md:87
/contrast/10 - 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 - rendered whitespace (decorative): color.code.whitespace on color.code.bg · spec/components/code-editor.md:95
/contrast/18 - error stripe mark: color.diagnostic.error.stripe on color.code.bg · spec/components/diagnostics.md:84
/contrast/11 - error underline: color.diagnostic.error.underline on color.code.bg · spec/components/diagnostics.md:76
/contrast/3 - hint underline: color.diagnostic.hint.underline on color.code.bg · spec/components/diagnostics.md:81
/contrast/8 - info stripe mark: color.diagnostic.info.text on color.code.bg · spec/components/diagnostics.md:86
/contrast/13 - info underline: color.diagnostic.info.underline on color.code.bg · spec/components/diagnostics.md:80
/contrast/7 - unused text: color.diagnostic.unused.text on color.code.bg · spec/components/diagnostics.md:82
/contrast/9 - warning stripe mark: color.diagnostic.warning.stripe on color.code.bg · spec/components/diagnostics.md:85
/contrast/12 - warning underline: color.diagnostic.warning.underline on color.code.bg · spec/components/diagnostics.md:79
/contrast/6 - conflict double border: color.diff.conflict-border on color.code.bg · spec/components/diff-view.md:84
/contrast/14 - diff-view focus-visible outline: color.interaction.focus.ring on color.code.bg · spec/components/diff-view.md:66
/stateTokens/focus-visible - code text: color.text.default on color.code.bg · spec/components/diagnostics.md:73
/contrast/0 - diff-view default fg: color.text.default on color.code.bg · spec/components/diff-view.md:63
/stateTokens/default - diff-view focus-visible fg: color.text.default on color.code.bg · spec/components/diff-view.md:66
/stateTokens/focus-visible - fold marker text: color.text.muted on color.code.bg · spec/components/code-editor.md:93
/contrast/16 - line numbers on a context row: color.text.muted on color.code.bg · spec/components/diff-view.md:75
/contrast/5