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#2634f0
  • list.activeSelectionIconForeground#fafafa

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#ceb133italic bold
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation#448C27—
invalid.illegal#660000—
keyword.operator#2600ffitalic bold
keyword, storage#4f7ebb—
storage.type, support.type#2600ffitalic bold
constant.language, support.constant, variable.language#AB6526italic bold
variable, support.variable#000000italic bold
entity.name.function, support.function#fa0303italic bold
entity.name.type, entity.other.inherited-class, support.class#9bc513italic bold
entity.name.exception#660000italic bold
entity.name.section—italic bold
constant.numeric, constant.character, constant#ce4b67italic bold
string#a58b8bitalic bold
constant.character.escape#777777italic bold
string.regexp#4B83CDitalic bold
constant.other.symbol#AB6526italic bold
punctuation#777777italic bold
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#AAAAAAitalic bold
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#000000italic bold
entity.name.tag#9f94ff—
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#46ad02italic bold
constant.character.entity, punctuation.definition.entity#AB6526—
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#90891ditalic bold
meta.property-name, support.type.property-name#2600ff—
meta.property-value, meta.property-value constant.other, support.constant.property-value#87b61a—
keyword.other.important—bold
markup.changed#84942d—
markup.deleted#000000—
markup.italic—italic
markup.error#660000—
markup.inserted#000000—
meta.link#4B83CD—
markup.output, markup.raw#777777—
markup.prompt#777777—
markup.heading#AA3731—
markup.bold—bold
markup.traceback#660000—
markup.underline—underline
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—