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#2d2d2d
  • activityBar.foreground#f1e609
  • activityBarBadge.background#9a59cf
  • editor.background#f3f1f1
  • editor.foreground#9a59cf
  • editorLineNumber.foreground#9a59cf
  • gitDecoration.modifiedResourceForeground#9a59cf
  • gitDecoration.untrackedResourceForeground#fff432
  • list.errorForeground#9a59cf
  • list.warningForeground#fff432
  • sideBarTitle.foreground#9a59cf
  • statusBar.background#2d2d2d
  • 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#a7a7a7italic
variable, string constant.other.placeholder#2d2d2d
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#c2bb27
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#9a59cf
meta.block variable.other#c2bb27
support.other.variable, string.other.link#9a59cf
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#9a59cf
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#c2bb27
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#9a59cf
support.type#9a59cf
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#c2bb27
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#c2bb27italic
entity.other.attribute-name.class#9a59cf
source.sass keyword.control#c2bb27
markup.inserted#c2bb27
markup.deleted#b898dd
markup.changed#ab7fdd
string.regexp#c2bb27
constant.character.escape#c2bb27
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#c2bb27italic
source.js constant.other.object.key.js string.unquoted.label.js#b898dditalic
source.json meta.structure.dictionary.json support.type.property-name.json#9a59cf
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#aa69df
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#b57ee2
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#9c6bc4
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#904fc5
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#904fc5
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#904fc5
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#904fc5
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#904fc5
text.html.markdown, punctuation.definition.list_item.markdown#2d2d2d
text.html.markdown markup.inline.raw.markdown#b898dd
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#2d2d2d
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#c2bb27
markup.italic#c2bb27italic
markup.bold, markup.bold string#c2bb27bold
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#2d2d2dbold
markup.underline#c2bb27underline
markup.quote punctuation.definition.blockquote.markdown#6147f3
markup.quoteitalic
string.other.link.title.markdown#2d2d2d
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#2d2d2d
variable.language.fenced.markdown#2d2d2d
meta.separator#2d2d2dbold
markup.table#2d2d2d
Pride VSCode themes 🏳️‍🌈 by Charlie Gerard - VS Code Theme