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#faf0a5
  • editor.foreground#5f5b17
  • editor.lineHighlightBackground#86813b55
  • editor.selectionBackground#ccc37a
  • editorCursor.foreground#5f5b17
  • editorWhitespace.foreground#ccc37a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#5f5b17
variable.parameter.function#5f5b17
comment, punctuation.definition.comment#86813b
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#5f5b17
none#5f5b17
keyword.operator#5f5b17
keyword#8868b3
variable#c35359
entity.name.function, meta.require, support.function.any-method#477ca1
support.class, entity.name.class, entity.name.type.class#b36144
meta.class#302e00
keyword.other.special-method#477ca1
storage#8868b3
support.function#75a738
string, constant.other.symbol, entity.other.inherited-class#18974e
constant.numeric#b36144
none#b36144
none#b36144
constant#b36144
entity.name.tag#c35359
entity.other.attribute-name#b36144
entity.other.attribute-name.id, punctuation.definition.entity#477ca1
meta.selector#8868b3
none#b36144
markup.heading punctuation.definition.heading, entity.name.section#477ca1
keyword.other.unit#b36144
markup.bold, punctuation.definition.bold#b36144bold
markup.italic, punctuation.definition.italic#8868b3italic
markup.raw.inline#18974e
string.other.link#c35359
meta.link#b36144
markup.list#c35359
markup.quote#b36144
meta.separator#5f5b17
markup.inserted#18974e
markup.deleted#c35359
markup.changed#8868b3
constant.other.color#75a738
string.regexp#75a738
constant.character.escape#75a738
punctuation.section.embedded, variable.interpolation#b3588e
invalid.illegal#faf0a5
invalid.broken#201602
invalid.deprecated#faf0a5
invalid.unimplemented#201602