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#f5f6f4
  • editor.foreground#202020
  • editor.lineHighlightBackground#e0e0e0
  • editor.selectionBackground#e0e0e0
  • editorCursor.foreground#000000
  • editorWhitespace.foreground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#202020
comment#aeb6c6italic
string#53521d
constant.numeric#363636
constant.language#192770bold
constant.character, constant.other#56B6C2bold
variable#414c5c
keyword#091e42italic bold
storage#091e42italic bold
storage.type#091e42italic bold
entity.name.class#E5C07B
entity.other.inherited-class#3c3c3citalic underline
entity.name.function#202020bold
variable.parameter#ABB2BF
entity.name.tag#E06C75
entity.other.attribute-name#D19A66italic
support.function#239a6cbold
support.constant#D19A66
support.type, support.class#E06C75
support.other.variable
invalid#abcd36
invalid.deprecated#523D14
meta.structure.dictionary.json string.quoted.double.json#98C379
meta.diff, meta.diff.header#75715E
markup.deleted#F92672
markup.inserted#A6E22E
markup.changed#E6DB74
constant.numeric.line-number.find-in-files - match#AE81FF
entity.name.filename.find-in-files#E6DB74