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#007acc
  • editor.background#2a2d2e
  • editor.foreground#fafafa
  • sideBarTitle.foreground#EF5988

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#52FF58italic
variable, string constant.other.placeholder#C4787F
constant.other.color#237DB4
invalid, invalid.illegal#60B423
keyword, storage.type, storage.modifier#E359EF
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#EF9A59
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#FFD452
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#FFB1FC
meta.block variable.other#B7FFB1
support.other.variable, string.other.link#F66548
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#7480FF
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#B6659B
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#65B68A
support.type#7565B6
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#C4C478
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#39D7C5
variable.language#AA0056italic
entity.name.method.js#FFA600italic
meta.class-method.js entity.name.function.js, variable.function.constructor#BFFFFF
entity.other.attribute-name#AACCCC
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#AADDCCitalic
entity.other.attribute-name.class#119977
source.sass keyword.control#C18AD9
markup.inserted#8A97D9
markup.deleted#60B652
markup.changed#CDB0C3
string.regexp#B0CDB6
constant.character.escape#CACDB0
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#9876FFitalic
source.js constant.other.object.key.js string.unquoted.label.js#7A45EEitalic
source.json meta.structure.dictionary.json support.type.property-name.json#B0EE45
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF62FF
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#86C478
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#9478C4
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#B67565
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#B3BD3F
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#BD3F76
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#CDB0BF
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#FFF000
text.html.markdown, punctuation.definition.list_item.markdown#3FBBBD
text.html.markdown markup.inline.raw.markdown#DDDDDD
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#9AEF59
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#AECB98
markup.italic#00DE8Ditalic
markup.bold, markup.bold string#7E78C4bold
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#C4BB78bold
markup.underline#C478A4underline
markup.quote punctuation.definition.blockquote.markdown#9F98CB
markup.quoteitalic
string.other.link.title.markdown#00FF15
string.other.link.description.title.markdown#DAACCC
constant.other.reference.link.markdown#665522
markup.raw.block#774455
markup.raw.block.fenced.markdown#3FBD4E
punctuation.definition.fenced.markdown#99FF00
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#FF0000
variable.language.fenced.markdown#0008FF
meta.separator#FF00AAbold
markup.table#6CFFBD