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.findMatchBackground#b0c5e3cc
  • editor.findMatchHighlightBackground#f8c9abcc
  • editor.foreground#000000
  • editor.lineHighlightBackground#e9eff8
  • editor.selectionBackground#b0c5e3
  • editor.wordHighlightBackground#eceba3cc
  • editorLineNumber.foreground#999

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#999italic
comment.block.preprocessor#999
comment.documentation, comment.block.documentation#999
invalid.illegal#660000
keyword.operator#000
keyword, storage, storage.type.function.js#0000E6
storage.type, support.type#0000E6
constant.language, support.constant, variable.language#0000E6
variable, support.variable#000080
entity.name.function, meta.definition.method.ts entity.name.function.ts#000
meta.function-call.ts entity.name.function.ts, meta.function-call.js entity.name.function.js, entity.name.function.call.cpp, entity.name.function.php
support.functionitalic
entity.name.type, entity.other.inherited-class, support.class#7A3E9D
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#c00000
string#c00000
constant.character.escape#777777
string.regexp#4B83CD
constant.other.symbol#AB6526
meta.object-literal.key, meta.definition.propertyitalic
entity.name.tag, punctuation.definition.tag#900000
entity.other.attribute-name#009
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss, meta.property-value.css support.constant#000
markup.changed#000000
markup.inserted#22863a
markup.deleted#000000
markup.italicitalic
markup.error#660000
meta.link#4B83CD
markup.output, markup.raw#777777
markup.prompt#777777
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