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#333333

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#08ad10
comment.block.preprocessor#f00b0b
comment.documentation, comment.block.documentation#448C27
invalid.illegal#e70606
keyword.operator#FF4E8E
keyword, storage#FF3333bold
storage.type, support.type#0090FFbold
constant.language, support.constant, variable.language#00d3d3bold
variable, support.variable#000
entity.name.function, support.function#c00a40bold
entity.name.type, entity.other.inherited-class, support.class#db0a0a
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#0025F6
string#022ec0
constant.character.escape#777777
string.regexp#4B83CD
constant.other.symbol#AB6526
punctuation#777777
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#AAAAAA
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#000
entity.name.tag#FF4E8Ebold
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#F77C00
constant.character.entity, punctuation.definition.entity#13a3d3bold
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#FF4E8E
meta.property-name, support.type.property-name#ffc013bold
meta.property-value, meta.property-value constant.other, support.constant.property-value#0a92b4
keyword.other.importantbold
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#660000
markup.inserted#000000
meta.link#4B83CD
markup.output, markup.raw#000
markup.prompt#000
markup.heading#AA3731
markup.boldbold
markup.traceback#660000
markup.underlineunderline
markup.quote#7A3E9D
markup.list#4B83CD
markup.bold, markup.italic#448C27
markup.inline.raw#AB6526
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343