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#bcc4c7
  • activityBarBadge.background#b8f684
  • editor.background#1e1e1e
  • editor.foreground#fff
  • editorLineNumber.foreground#b8f684
  • gitDecoration.modifiedResourceForeground#b8f684
  • gitDecoration.untrackedResourceForeground#bcc4c7
  • list.errorForeground#bcc4c7
  • list.warningForeground#bcc4c7
  • sideBarTitle.foreground#bcc4c7
  • statusBar.background#1A1A1A
  • statusBar.debuggingBackground#263238
  • statusBar.foreground#bcc4c7
  • statusBar.noFolderBackground#bcc4c7
  • statusBar.noFolderForeground#bcc4c7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#dbdddditalic
variable, string constant.other.placeholder#EEFFFF
constant.other.color#ffffff
invalid, invalid.illegal#bcc4c7
keyword, storage.type, storage.modifier#bcc4c7
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#bcc4c7
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#bcc4c7
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#b8f684
meta.block variable.other#fff
support.other.variable, string.other.link#bcc4c7
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#fff
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#b8f684
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#fff
support.type#bcc4c7
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#bcc4c7
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#fff
variable.language#bcc4c7italic
entity.name.method.js#bcc4c7italic
meta.class-method.js entity.name.function.js, variable.function.constructor#bcc4c7
entity.other.attribute-name#bcc4c7
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#b8f684italic
entity.other.attribute-name.class#b8f684
source.sass keyword.control#bcc4c7
markup.inserted#b8f684
markup.deleted#bcc4c7
markup.changed#bcc4c7
string.regexp#fff
constant.character.escape#bcc4c7
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#fffitalic
source.js constant.other.object.key.js string.unquoted.label.js#bcc4c7italic
source.json meta.structure.dictionary.json support.type.property-name.json#fff
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#b8f684
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#bcc4c7
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#fff
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#b8f684
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#bcc4c7
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#fff
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#b8f684
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#bcc4c7
text.html.markdown, punctuation.definition.list_item.markdown#bcc4c7
text.html.markdown markup.inline.raw.markdown#b8f684
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#fff
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#bcc4c7
markup.italic#fffitalic
markup.bold, markup.bold string#b8f684bold
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#fffbold
markup.underline#b8f684underline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#65737E
string.other.link.description.title.markdown#fff
constant.other.reference.link.markdown#b8f684
markup.raw.block#fff
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
Pride VSCode themes 🏳️‍🌈 by Charlie Gerard - VS Code Theme