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.

  • activityBarBadge.background#3F6D87
  • editor.background#140639
  • editor.foreground#B3B2C0
  • sideBarTitle.foreground#140D36

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#84668Citalic
variable, string constant.other.placeholder#749CB4
constant.other.color#6A5542
invalid, invalid.illegal#749CB4
keyword, storage.type, storage.modifier#502E34
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#422A25
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#749CB4
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#749CB4
meta.block variable.other#3F4C81
support.other.variable, string.other.link#84668C
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#749CB4
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#3F4C81
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#AE9B90
support.type#84668C
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#344D6B
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#749CB4
variable.language#D1C9D6italic
entity.name.method.js#3F4C81italic
meta.class-method.js entity.name.function.js, variable.function.constructor#AE9B90
entity.other.attribute-name#AE9B90
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#422A25italic
entity.other.attribute-name.class#749CB4
source.sass keyword.control#749CB4
markup.inserted#344D6B
markup.deleted#502E34
markup.changed#6A5542
string.regexp#502E34
constant.character.escape#AE9B90
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#344D6Bitalic
source.js constant.other.object.key.js string.unquoted.label.js#422A25italic
source.json meta.structure.dictionary.json support.type.property-name.json#84668C
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#8088AF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#3F4C81
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#84668C
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#AE9B90
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#749CB4
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#AE9B90
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#749CB4
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#AE9B90
text.html.markdown, punctuation.definition.list_item.markdown#AE9B90
text.html.markdown markup.inline.raw.markdown#AE9B90
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#D1C9D6
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#749CB4
markup.italic#AE9B90italic
markup.bold, markup.bold string#B3B2C0bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#749CB4bold
markup.underline#B3B2C0underline
markup.quote punctuation.definition.blockquote.markdown#B3B2C0
markup.quoteitalic
string.other.link.title.markdown#AE9B90
string.other.link.description.title.markdown#6A5542
constant.other.reference.link.markdown#8088AF
markup.raw.block#84668C
markup.raw.block.fenced.markdown#D1C9D6
punctuation.definition.fenced.markdown#749CB4
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#344D6B
variable.language.fenced.markdown#3F6D87
meta.separator#749CB4bold
markup.table#84668C
Whisper of the Worm by Arcane Eye - VS Code Theme