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#5DEBD7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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