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#292624
  • activityBarBadge.background#a3bd94
  • button.background#a88787c9
  • dropdown.background#332f2e
  • dropdown.foreground#dbd1cf
  • editor.background#2c2a28
  • editor.foreground#e0dbd1
  • editor.hoverHighlightBackground#a17c672c
  • editor.lineHighlightBackground#c4b0b01f
  • editor.linkedEditingBackground#bfd1cd00
  • editor.selectionBackground#af9c9c4f
  • editor.wordHighlightBackground#bfd1cd21
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#c7afaf73
  • editorBracketMatch.background#dfcdc43d
  • editorBracketMatch.border#00000000
  • editorCursor.foreground#ccb9ac
  • editorGutter.background#24211f
  • editorOverviewRuler.background#242120
  • editorSuggestWidget.background#9987827c
  • editorWidget.background#332e2c
  • minimap.findMatchHighlight#999ec9ea
  • minimap.selectionHighlight#89c2acd7
  • minimap.warningHighlight#b46969e8
  • sideBar.background#221f1dfd
  • sideBarTitle.foreground#d1c7c4
  • statusBar.background#8f8282
  • statusBar.foreground#b3a1a1
  • textCodeBlock.background#91838067
  • titleBar.activeBackground#221f1e
  • titleBar.activeForeground#cac0bf
  • welcomePage.background#302b29
  • welcomePage.progress.background#9c8787
  • welcomePage.progress.foreground#b9c7a3
  • welcomePage.tileBackground#46403f
  • welcomePage.tileHoverBackground#423e3b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8fb4a5italic
variable, string constant.other.placeholder#becfaf
constant.other.color#ebe4dd
invalid, invalid.illegal#b9838c
keyword, storage.type, storage.modifier#aa8888
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#d1c4b8
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#b48f8fee
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#cfc1ae
meta.block variable.other#9492acf3
support.other.variable, string.other.link#977c7c
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#ccc1b4
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#a7b999
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#c2b4a3
support.type#b2cfd6
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#b4c2a7
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#b1959a
variable.language#b89b99italic
entity.name.method.js#a8b2c7italic
meta.class-method.js entity.name.function.js, variable.function.constructor#90a1c5
entity.other.attribute-name#a7a7c0de
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#aca393italic
entity.other.attribute-name.class#9bbdb4
source.sass keyword.control#8a8e96
markup.inserted#adbd96
markup.deleted#e7b9c1c4
markup.changed#9bbdbe
string.regexp#b39891
constant.character.escape#75919c
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#bda59fitalic
source.js constant.other.object.key.js string.unquoted.label.js#ff5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#bd8e8e
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#dbd4bf
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#b6a094
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#b47f88ce
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#caaca6
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#8592ad
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#8a5557
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#927f9e
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#bdcea5
text.html.markdown, punctuation.definition.list_item.markdown#daecec
text.html.markdown markup.inline.raw.markdown#C792EA
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#C3E88D
markup.italic#f07178italic
markup.bold, markup.bold string#f07178bold
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#cf7e82bold
markup.underline#F78C6Cunderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#959dad
string.other.link.description.title.markdown#8c729c
constant.other.reference.link.markdown#a08d69
markup.raw.block#ab8dbe
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