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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#97cbf8italic
variable, string constant.other.placeholder#EEFFFF
constant.other.color#ffffff
invalid, invalid.illegal#f75ecb
keyword, storage.type, storage.modifier#f75ecb
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#1d91f5
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#f75ecb
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#87fabf
meta.block variable.other#67b6fa
support.other.variable, string.other.link#f75ecb
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#f75ecb
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#aafad1
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#1d91f5
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#1d91f5
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#f365cb
variable.language#f365cbitalic
entity.name.method.js#1d91f5italic
meta.class-method.js entity.name.function.js, variable.function.constructor#1d91f5
entity.other.attribute-name#f365cb
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#aafad1italic
entity.other.attribute-name.class#aafad1
source.sass keyword.control#1d91f5
markup.inserted#aafad1
markup.deleted#f365cb
markup.changed#f365cb
string.regexp#1d91f5
constant.character.escape#1d91f5
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#1d91f5italic
source.js constant.other.object.key.js string.unquoted.label.js#f365cbitalic
source.json meta.structure.dictionary.json support.type.property-name.json#f840c4
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#aafad1
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#aafad1
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#f365cb
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#f365cb
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#1d91f5
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#fc71b4
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#c73d7f
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#aafad1
text.html.markdown, punctuation.definition.list_item.markdown#f75ecb
text.html.markdown markup.inline.raw.markdown#f75ecb
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#1d91f5
markup.italic#f75ecbitalic
markup.bold, markup.bold string#f75ecbbold
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#f75ecbbold
markup.underline#aafad1underline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#1d91f5
string.other.link.description.title.markdown#ec5fc4
constant.other.reference.link.markdown#aafad1
markup.raw.block#ec5fc4
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