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#4EBAFD
  • editor.background#1E1F22
  • editor.foreground#BBBEC3
  • sideBarTitle.foreground#BBBEC3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#BBBEC3italic
variable, string constant.other.placeholder#BBBEC3
constant.other.color#BBBEC3
invalid, invalid.illegal#FF5757
keyword, storage.type, storage.modifier#FF6ED4
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#4EBAFD
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#FFD14D
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#61AFFF
meta.block variable.other#61AFFF
support.other.variable, string.other.link#4EBAFD
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#FFD14D
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#7CD651
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#62DBC8
support.type#B2CCD6
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#B2CCD6
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#4EBAFD
variable.language#FF5757italic
entity.name.method.js#4EBAFDitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#4EBAFD
entity.other.attribute-name#61AFFF
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFD14Ditalic
entity.other.attribute-name.class#FFD14D
source.sass keyword.control#4EBAFD
markup.inserted#7CD651
markup.deleted#FF5757
markup.changed#AD6FFF
string.regexp#61AFFF
constant.character.escape#61AFFF
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#4EBAFDitalic
source.js constant.other.object.key.js string.unquoted.label.js#FF5757italic
source.json meta.structure.dictionary.json support.type.property-name.json#AD6FFF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FFD14D
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#FF8D48
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#FF5757
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#D58558
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#4EBAFD
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#FF8D48
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#AD6FFF
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#7CD651
text.html.markdown, punctuation.definition.list_item.markdown#BBBEC3
text.html.markdown markup.inline.raw.markdown#AD6FFF
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#BBBEC3
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#7CD651
markup.italic#FF8D48italic
markup.bold, markup.bold string#FF8D48bold
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#FF8D48bold
markup.underline#FF8D48underline
markup.quote punctuation.definition.blockquote.markdown#BBBEC3
markup.quoteitalic
string.other.link.title.markdown#4EBAFD
string.other.link.description.title.markdown#AD6FFF
constant.other.reference.link.markdown#FFD14D
markup.raw.block#AD6FFF
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#BBBEC3
variable.language.fenced.markdown#BBBEC3
meta.separator#BBBEC3bold
markup.table#BBBEC3