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#5B642B
  • editor.background#747B66
  • editor.foreground#9EC0B5
  • sideBarTitle.foreground#BCC593

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#BCC593italic
variable, string constant.other.placeholder#5B642B
constant.other.color#545B21
invalid, invalid.illegal#9EC0B5
keyword, storage.type, storage.modifier#BCC593
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#BCC593
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#9EC0B5
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#5B642B
meta.block variable.other#BCC593
support.other.variable, string.other.link#9EC0B5
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#9EC0B5
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#9EC0B5
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#BCC593
support.type#BCC593
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#BCC593
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#67743B
variable.language#545B21italic
entity.name.method.js#5B642Bitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#67743B
entity.other.attribute-name#5B642B
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#BCC593italic
entity.other.attribute-name.class#9EC0B5
source.sass keyword.control#545B21
markup.inserted#5B642B
markup.deleted#67743B
markup.changed#5B642B
string.regexp#5B642B
constant.character.escape#9EC0B5
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#BCC593italic
source.js constant.other.object.key.js string.unquoted.label.js#BCC593italic
source.json meta.structure.dictionary.json support.type.property-name.json#9EC0B5
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#67743B
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#545B21
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#BCC593
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#BCC593
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#545B21
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#67743B
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#BCC593
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#BCC593
text.html.markdown, punctuation.definition.list_item.markdown#5B642B
text.html.markdown markup.inline.raw.markdown#67743B
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#545B21
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#5B642B
markup.italic#545B21italic
markup.bold, markup.bold string#67743Bbold
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#9EC0B5bold
markup.underline#BCC593underline
markup.quote punctuation.definition.blockquote.markdown#9EC0B5
markup.quoteitalic
string.other.link.title.markdown#9EC0B5
string.other.link.description.title.markdown#67743B
constant.other.reference.link.markdown#9EC0B5
markup.raw.block#67743B
markup.raw.block.fenced.markdown#67743B
punctuation.definition.fenced.markdown#545B21
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#BCC593
variable.language.fenced.markdown#5B642B
meta.separator#545B21bold
markup.table#545B21
Whisper of the Worm by Arcane Eye - VS Code Theme