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#171819
  • editor.foreground#F4F4F4
  • editor.lineHighlightBackground#3E3D32
  • editor.selectionBackground#49483E
  • editorCursor.foreground#FF0000
  • editorWhitespace.foreground#3B3A32

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#5F5F5F italic
string#BFD985
meta.template.expression#f4f4f4
variable.language#67869d
constant.numeric, keyword.other.unit.css#BFD985
support.variable, support.constant#f4f4f4
constant.language#FD971F
constant.character#BFD985
variable
keyword#C4605A
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#67869d
storage#C4605A
storage.type#C4605A
entity.name.class#BFD985underline
entity.other.inherited-class#BFD985italic underline
entity.name.function#BFD985
variable.parameter#FD971Fitalic
entity.name.tag#8AB3D2
entity.other.attribute-name#8AB3D2
support.function#8AB3D2
support.constant#8AB3D2
support.type, support.class#F4F4F4
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
constant.other, support.constant.property-value.css#D79B22
keyword.operator, punctuation.terminator.rule.css, punctuation.terminator.statement.js#B2AFAF
punctuation.definition.tag#8AB3D2
entity.other.attribute-name, punctuation.definition.string.html#B2AFAF
text.html.mt meta.tag.inline.any.html string.quoted.double.html#F0C674
entity.other.attribute-name.class.css#8AB3D2
punctuation.section.embedded.begin.php#B2AFAF italic