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
  • editorBracketMatch.background#00aeff72
  • editorBracketMatch.border#00aeff
  • list.activeSelectionIconForeground#fff
  • sideBar.border#333333
  • tab.activeBackground#89b7cb3c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#34b07bitalic
comment.block.preprocessor#34b07b
comment.documentation, comment.block.documentation, comment.line.double-slash, punctuation.definition.comment, comment.line.number-sign#448C27
invalid.illegal#660000
keyword.operator#000000
keyword, storage#770666
storage.type, support.type#770666
constant.language, support.constant, variable.language#770666
variable, support.variable#000000
meta.brace.round, meta.brace.square#000000
entity.name.function, support.function#022296
entity.name.type, entity.other.inherited-class, support.class#005040bold
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#2720f5
punctuation.definition.string, string.quoted, string.unquoted, string.template#B72619
source.css.scss#4814a8bold
constant.character.escape#B72619
string.regexp#4B83CD
constant.other.symbol#B72619
variable.other.property#006772
punctuation#000000
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#B72619
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#032d64
entity.name.tag#4b04a8
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#032d64
constant.character.entity, punctuation.definition.entity#000000
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#770666
meta.property-name, support.type.property-name#000000
meta.property-value, meta.property-value constant.other, support.constant.property-value#448C27
keyword.other.importantbold
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#660000
markup.inserted#000000
meta.link#4B83CD
markup.output, markup.raw#000000
markup.prompt#000000
markup.heading#AA3731
markup.boldbold
markup.traceback#660000
markup.underlineunderline
markup.quote#7A3E9D
markup.list#4B83CD
markup.bold, markup.italic#448C27
markup.inline.raw#000000
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343