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.

  • activityBar.background#202020
  • activityBar.foreground#fff432
  • activityBarBadge.background#9a59cf
  • editor.background#1e1e1e
  • editor.foreground#eeffff
  • editorLineNumber.foreground#fdf780
  • gitDecoration.modifiedResourceForeground#9a59cf
  • gitDecoration.untrackedResourceForeground#fff432
  • list.errorForeground#9a59cf
  • list.warningForeground#fff432
  • sideBarTitle.foreground#9a59cf
  • statusBar.background#1A1A1A
  • statusBar.debuggingBackground#263238
  • statusBar.foreground#9a59cf
  • statusBar.noFolderBackground#fff432
  • statusBar.noFolderForeground#9a59cf

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#cfcfcfitalic
variable, string constant.other.placeholder#fff
constant.other.color#ffffff
invalid, invalid.illegal#9a59cf
keyword, storage.type, storage.modifier#9a59cf
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#9a59cf
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#fdf780
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#aa80db
meta.block variable.other#fdf780
support.other.variable, string.other.link#bc84f2
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#ba9eda
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#fdfdfd
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#ac7fd1
support.type#e4eef1
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#fdf780
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#b898dd
variable.language#b898dditalic
entity.name.method.js#fdfdfditalic
meta.class-method.js entity.name.function.js, variable.function.constructor#ffffff
entity.other.attribute-name#ab7edf
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#fdf9a2italic
entity.other.attribute-name.class#9a59cf
source.sass keyword.control#fffbaa
markup.inserted#f8f4ab
markup.deleted#b898dd
markup.changed#ab7fdd
string.regexp#fdf780
constant.character.escape#fdf780
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#fdf780italic
source.js constant.other.object.key.js string.unquoted.label.js#b898dditalic
source.json meta.structure.dictionary.json support.type.property-name.json#b898dd
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#d0b8ec
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#e1d0f5
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#f2e7ff
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#bf94f0
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#ac78e9
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#a182c5
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#baa7cf
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#baa7cf
text.html.markdown, punctuation.definition.list_item.markdown#fff
text.html.markdown markup.inline.raw.markdown#b898dd
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#ffffff
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#fdf780
markup.italic#fdf780italic
markup.bold, markup.bold string#fdf780bold
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#f7f4f4bold
markup.underline#fdf780underline
markup.quote punctuation.definition.blockquote.markdown#6147f3
markup.quoteitalic
string.other.link.title.markdown#fff
string.other.link.description.title.markdown#C792EA
constant.other.reference.link.markdown#C792EA
markup.raw.block#C792EA
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#EEFFFF
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#EEFFFF