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#5DEBD7
  • sideBarTitle.foreground#FFAF45

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EBE76Citalic
variable, string constant.other.placeholder#A0C49D
constant.other.color#F0B86E
invalid, invalid.illegal#ED7B7B
keyword, storage.type, storage.modifier#836096
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#78C1F3
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#FF8989
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#EF4040
meta.block variable.other#C21292
support.other.variable, string.other.link#088395
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#00FFCA
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#006769
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#FFA732
support.type#793FDF
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#97FFF4
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#F6FDC3
variable.language#7091F5italic
entity.name.method.js#FFFD8Citalic
meta.class-method.js entity.name.function.js, variable.function.constructor#F31559
entity.other.attribute-name#1679AB
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FF52A2italic
entity.other.attribute-name.class#074173
source.sass keyword.control#FFB07F
markup.inserted#FFECAF
markup.deleted#57C5B6
markup.changed#D74B76
string.regexp#673F69
constant.character.escape#CDFADB
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#FFCF96italic
source.js constant.other.object.key.js string.unquoted.label.js#FF8080italic
source.json meta.structure.dictionary.json support.type.property-name.json#756AB6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C5FF95
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#711DB0
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#FB6D48
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#9376E0
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#F3BCC8
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#F6FFA6
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#0A4D68
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#40A578
text.html.markdown, punctuation.definition.list_item.markdown#9DDE8B
text.html.markdown markup.inline.raw.markdown#E6FF94
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#ACE1AF
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#BFF6C3
markup.italic#FF204Eitalic
markup.bold, markup.bold string#05BFDBbold
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#A0153Ebold
markup.underline#5F5D9Cunderline
markup.quote punctuation.definition.blockquote.markdown#6196A6
markup.quoteitalic
string.other.link.title.markdown#A4CE95
string.other.link.description.title.markdown#E178C5
constant.other.reference.link.markdown#FF8E8F
markup.raw.block#FFFDCB
markup.raw.block.fenced.markdown#0766AD
punctuation.definition.fenced.markdown#29ADB2
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#C5E898
variable.language.fenced.markdown#F05941
meta.separator#BE3144bold
markup.table#872341