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#1679AB

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5DEBD7italic
variable, string constant.other.placeholder#C5FF95
constant.other.color#FFAF45
invalid, invalid.illegal#FB6D48
keyword, storage.type, storage.modifier#D74B76
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#673F69
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#CDFADB
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#F6FDC3
meta.block variable.other#FFCF96
support.other.variable, string.other.link#FF8080
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#756AB6
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#711DB0
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#C21292
support.type#EF4040
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#FFA732
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#793FDF
variable.language#7091F5italic
entity.name.method.js#97FFF4italic
meta.class-method.js entity.name.function.js, variable.function.constructor#FFFD8C
entity.other.attribute-name#F31559
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FF52A2italic
entity.other.attribute-name.class#FFB07F
source.sass keyword.control#FFECAF
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#05BFDBitalic
source.js constant.other.object.key.js string.unquoted.label.js#00FFCAitalic
source.json meta.structure.dictionary.json support.type.property-name.json#006769
source.json meta.structure.dictionary.json meta.structure.dictionary.value.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 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 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 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 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 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 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#F0B86E
markup.raw.block.fenced.markdown#ED7B7B
punctuation.definition.fenced.markdown#836096
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#78C1F3
variable.language.fenced.markdown#A0C49D
meta.separator#FF8989bold
markup.table#57C5B6