Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • editor.background#1c1c1c
  • editor.foreground#c6c6c6
  • editorBracketHighlight.foreground1#007BE4
  • editorBracketHighlight.foreground2#259663
  • editorBracketHighlight.foreground3#B022F7
  • editorBracketHighlight.foreground4#E75800
  • editorError.foreground#fe6f28

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type.js, storage.modifier.ts, meta.function.js, storage.type.class.ts#B879FF
variable, support.type.property-name.json, support.type.property-name.json.comments, support.variable.property.ts, meta.object-literal.key.ts#1ABBB0
string#FF690C
entity.name.function, meta.function, meta.function-call, support.function, entity.name.type.class.ts, meta.class.ts, meta.method.declaration.ts#039EF1
constant.numeric.decimal.js#E7CA11
entity.name.type.ts, meta.type.parameters.ts, meta.return.type.ts#DF36A7
comment#5C6B6Fitalic
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#D14242
entity.name.tag#D14242
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#23CFFF
constant.character.entity, punctuation.definition.entity#AB6526
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#7b1db2
meta.property-name, support.type.property-name#c66714
meta.property-value, meta.property-value constant.other, support.constant.property-value#448C27
TUI Themes by TranswarpUI - VS Code Theme