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#ffffff
  • editor.foreground#505050
  • editor.lineHighlightBackground#d0d0d055
  • editor.selectionBackground#f5f5f5
  • editorCursor.foreground#505050
  • editorWhitespace.foreground#f5f5f5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#505050
variable.parameter.function#505050
comment, punctuation.definition.comment#d0d0d0
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#505050
none#505050
keyword.operator#505050
keyword#d381c3
variable#fb0120
entity.name.function, meta.require, support.function.any-method#6fb3d2
support.class, entity.name.class, entity.name.type.class#fc6d24
meta.class#303030
keyword.other.special-method#6fb3d2
storage#d381c3
support.function#76c7b7
string, constant.other.symbol, entity.other.inherited-class#a1c659
constant.numeric#fc6d24
none#fc6d24
none#fc6d24
constant#fc6d24
entity.name.tag#fb0120
entity.other.attribute-name#fc6d24
entity.other.attribute-name.id, punctuation.definition.entity#6fb3d2
meta.selector#d381c3
none#fc6d24
markup.heading punctuation.definition.heading, entity.name.section#6fb3d2
keyword.other.unit#fc6d24
markup.bold, punctuation.definition.bold#fc6d24bold
markup.italic, punctuation.definition.italic#d381c3italic
markup.raw.inline#a1c659
string.other.link#fb0120
meta.link#fc6d24
markup.list#fb0120
markup.quote#fc6d24
meta.separator#505050
markup.inserted#a1c659
markup.deleted#fb0120
markup.changed#d381c3
constant.other.color#76c7b7
string.regexp#76c7b7
constant.character.escape#76c7b7
punctuation.section.embedded, variable.interpolation#be643c
invalid.illegal#ffffff
invalid.broken#000000
invalid.deprecated#ffffff
invalid.unimplemented#000000