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#fff
  • activityBar.foreground#6b8e3a
  • activityBarBadge.background#b898dd
  • editor.background#fff
  • editor.foreground#6b8e3a
  • editorLineNumber.foreground#6b8e3a
  • gitDecoration.modifiedResourceForeground#b898dd
  • gitDecoration.untrackedResourceForeground#6b8e3a
  • list.errorForeground#b898dd
  • list.warningForeground#6b8e3a
  • sideBarTitle.foreground#b898dd
  • statusBar.background#fff
  • statusBar.debuggingBackground#263238
  • statusBar.foreground#ad87da
  • statusBar.noFolderBackground#6b8e3a
  • statusBar.noFolderForeground#b898dd

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#cfa4ffitalic
variable, string constant.other.placeholder#a874e2
constant.other.color#ffffff
invalid, invalid.illegal#b898dd
keyword, storage.type, storage.modifier#b898dd
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#b898dd
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#b898dd
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#aa80db
meta.block variable.other#6b8e3a
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#6b8e3a
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#d4bdee
support.type#bb86f7
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#6b8e3a
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#b898dd
variable.language#b898dditalic
entity.name.method.js#ab7edfitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#ab7edf
entity.other.attribute-name#ab7edf
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#c7e49fitalic
entity.other.attribute-name.class#b898dd
source.sass keyword.control#c7e49f
markup.inserted#c7e49f
markup.deleted#b898dd
markup.changed#ab7fdd
string.regexp#c7e49f
constant.character.escape#c7e49f
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#c7e49fitalic
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#c7e49f
text.html.markdown markup.inline.raw.markdown#b898dd
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#c7e49f
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#6b8e3a
markup.italic#9ab379italic
markup.bold, markup.bold string#9ab379bold
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#cee0b7bold
markup.underline#9ab379underline
markup.quote punctuation.definition.blockquote.markdown#6147f3
markup.quoteitalic
string.other.link.title.markdown#c7e49f
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#c7e49f
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#c7e49f