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#ddffcc
  • sideBarTitle.foreground#FE9962

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#CB898Ditalic
variable, string constant.other.placeholder#1A69F4
constant.other.color#EDBEE1
invalid, invalid.illegal#979BD0
keyword, storage.type, storage.modifier#F4EB57
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#1D7EFC
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#D5618E
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#F27348
meta.block variable.other#FCC406
support.other.variable, string.other.link#14ECAE
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#FCE331
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#E3A855
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#dff444
support.type#02E60A
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#dd3412
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#7CD65C
variable.language#D0B7A2italic
entity.name.method.js#d34567italic
meta.class-method.js entity.name.function.js, variable.function.constructor#01FEA6
entity.other.attribute-name#0896F9
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#395486italic
entity.other.attribute-name.class#768899
source.sass keyword.control#B0A2DB
markup.inserted#627A06
markup.deleted#E31453
markup.changed#920548
string.regexp#7DA29C
constant.character.escape#9AC325
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#6293D7italic
source.js constant.other.object.key.js string.unquoted.label.js#EFBA06italic
source.json meta.structure.dictionary.json support.type.property-name.json#97BBE1
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#87E59F
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#893457
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#5c5cdd
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#91E51B
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#3EA7E4
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#00AE4F
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#91837d
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#D0A186
text.html.markdown, punctuation.definition.list_item.markdown#83EB91
text.html.markdown markup.inline.raw.markdown#CB41ff
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#63BDCA
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#ccff34
markup.italic#3E55D8italic
markup.bold, markup.bold string#DDF39Dbold
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#A0C184bold
markup.underline#E291ABunderline
markup.quote punctuation.definition.blockquote.markdown#04F756
markup.quoteitalic
string.other.link.title.markdown#dfc321
string.other.link.description.title.markdown#C273BF
constant.other.reference.link.markdown#9F7D73
markup.raw.block#46DF81
markup.raw.block.fenced.markdown#A7C906
punctuation.definition.fenced.markdown#D8D5CD
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#894357
variable.language.fenced.markdown#AE714E
meta.separator#92AB85bold
markup.table#D0E786