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#000
  • activityBar.foreground#fff
  • activityBarBadge.background#9f299f
  • editor.background#fff
  • editor.foreground#7f7f7f
  • editorLineNumber.foreground#9f299f
  • gitDecoration.modifiedResourceForeground#9f299f
  • gitDecoration.untrackedResourceForeground#bbbbbb
  • list.errorForeground#9f299f
  • list.warningForeground#aeb9b9
  • sideBar.background#ececec
  • sideBarTitle.foreground#000
  • statusBar.background#1A1A1A
  • statusBar.debuggingBackground#263238
  • statusBar.noFolderBackground#9f299f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#bbbbbbitalic
variable, string constant.other.placeholder#7f7f7f
constant.other.color#7f7f7f
invalid, invalid.illegal#000
keyword, storage.type, storage.modifier#660266
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#aeb9b9
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#660266
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#000
meta.block variable.other#7f7f7f
support.other.variable, string.other.link#660266
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#660266
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#660266
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#000
support.type#7f7f7f
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#7f7f7f
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#7f7f7f
variable.language#7f7f7fitalic
entity.name.method.js#7f7f7fitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#84979e
entity.other.attribute-name#633063
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#84979eitalic
entity.other.attribute-name.class#613461
source.sass keyword.control#84979e
markup.inserted#bc84f2
markup.deleted#84979e
markup.changed#C792EA
string.regexp#9459bb
constant.character.escape#660266
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#7f7f7fitalic
source.js constant.other.object.key.js string.unquoted.label.js#7f7f7fitalic
source.json meta.structure.dictionary.json support.type.property-name.json#660266
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#7f7f7f
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#8a8a8a
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#666666
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#525252
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#414040
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#2e2d2d
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#1b1b1b
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#000000
text.html.markdown, punctuation.definition.list_item.markdown#7f7f7f
text.html.markdown markup.inline.raw.markdown#9f299f
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#7f7f7f
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#7f7f7f
markup.italic#7f7f7fitalic
markup.bold, markup.bold string#7f7f7fbold
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#9f299fbold
markup.underline#9f299funderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#9f299f
string.other.link.description.title.markdown#9f299f
constant.other.reference.link.markdown#65737E
markup.raw.block#9f299f
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#7f7f7f
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#7f7f7f