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#DA0428
  • editor.background#4A3F29
  • editor.foreground#FFF84F
  • sideBarTitle.foreground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EC0370italic bold underline
variable, string constant.other.placeholder#17646E
constant.other.color#ffffff
invalid, invalid.illegal#851287
keyword, storage.type, storage.modifier#57594E
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#7EB069
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#C8F1C7
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#0D042F
meta.block variable.other#C8F1C7
support.other.variable, string.other.link#C8F1C7
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#FBB903
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#320059
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#86FF64
support.type#ECB980
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#ECB980
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#851287
variable.language#851287italic bold underline
entity.name.method.js#0D042Fitalic bold underline
meta.class-method.js entity.name.function.js, variable.function.constructor#0D042F
entity.other.attribute-name#57594E
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#86FF64italic bold underline
entity.other.attribute-name.class#86FF64
source.sass keyword.control#0D042F
markup.inserted#320059
markup.deleted#851287
markup.changed#57594E
string.regexp#7EB069
constant.character.escape#7EB069
*url*, *link*, *uri*italic bold underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#0D042Fitalic bold underline
source.js constant.other.object.key.js string.unquoted.label.js#851287italic bold underline
source.json meta.structure.dictionary.json support.type.property-name.json#57594E
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#86FF64
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#FBB903
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#851287
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#A76F4A
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#0D042F
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#C8F1C7
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#57594E
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#320059
text.html.markdown, punctuation.definition.list_item.markdown#090909
text.html.markdown markup.inline.raw.markdown#57594E
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#B9C1AA
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#320059
markup.italic#C8F1C7italic bold underline
markup.bold, markup.bold string#C8F1C7italic bold underline
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#C8F1C7italic bold underline
markup.underline#FBB903italic bold underline
markup.quote punctuation.definition.blockquote.markdown#B9C1AA
markup.quoteitalic bold underline
string.other.link.title.markdown#0D042F
string.other.link.description.title.markdown#57594E
constant.other.reference.link.markdown#86FF64
markup.raw.block#57594E
markup.raw.block.fenced.markdown#4A3F2950
punctuation.definition.fenced.markdown#4A3F2950
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#090909
variable.language.fenced.markdown#B9C1AA
meta.separator#B9C1AAitalic bold underline
markup.table#090909