Skip to main content
Coding Theme

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#1E1F22
  • editor.foreground#A9B7C6
  • editor.lineHighlightBackground#323232
  • editor.selectionBackground#214283
  • editorCursor.foreground#ffffff
  • editorIndentGuide.background#3a3a3a
  • editorWhitespace.foreground#3B3A32

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#A9B7C6
sublimelinter.outline#cc7832
sublimelinter.underline#ff6666
punctuation#808080
meta.delimiter#808080
meta.tag, declaration.tag#CC7832
markup.todo#F29C00
comment#808080
string#C06050
constant.numeric#C06050
constant.language#CC7832
constant.character.escape, string source#CC7832
constant.character, constant.other#91C7FF
variable#A9B7C6
keyword.control#CC7832
keyword.control.import#CC7832
meta.tag.preprocessor.xml#CC7832
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string#CC7832
keyword, storage#CC7832
storage#CC7832
storage.type#CC7832
entity.name.type, entity.name.class, entity.other.inherited-class, meta.return-type, meta.type, support.class, support.type#3E9DE8
entity.name.function#91C7FF
variable.parameter#A9B7C6
entity.name.tag#CC6B2E
entity.other.attribute-name#BABA8A
support.function#91C7FF
support.constant#91C7FF
support.other.variable#A9B7C6
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.diff, meta.diff.header#75715E
markup.deleted#F92672
markup.inserted#A6E22E
markup.changed#E6DB74
constant.numeric.line-number.find-in-files - match#ffffffa0
entity.name.filename.find-in-files#B8FF9A
EE Dark by Evgenii Egorov - VS Code Theme