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#030425
  • activityBarBadge.background#5C6AC4
  • badge.background#B3BCF5
  • badge.foreground#F4F6F8
  • button.background#00848E
  • button.hoverBackground#47C1BF
  • dropdown.background#43467F
  • editor.background#030425
  • editor.foreground#84cae6e0
  • editor.selectionForeground#1C2260
  • editorGroup.background#43467F
  • editorGroupHeader.tabsBackground#1C2260
  • editorLineNumber.activeForeground#B3BCF5
  • editorLineNumber.foreground#43467F
  • errorForeground#d85f47
  • focusBorder#5C6AC4
  • input.background#B3BCF5
  • input.foreground#212B35
  • input.placeholderForeground#919EAB
  • list.activeSelectionBackground#3640af
  • list.focusForeground#1C2260
  • list.hoverBackground#202E78
  • list.inactiveSelectionBackground#1d2364
  • selection.background#8db1c4
  • sideBar.background#0c0e3b
  • sideBarTitle.foreground#B3BCF5
  • statusBar.background#43467F
  • statusBar.border#1C2260
  • statusBar.foreground#F4F6F8
  • tab.inactiveBackground#0c0e3b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5b6397d3italic
string constant.other.placeholder#defa41d7
constant.other.color#5d3594
invalid, invalid.illegal#f45f42
keyword, keyword.control, storage.type, storage.modifier#d4c79bitalic
constant.other.color, punctuation, 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#7081f1e7
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#7081f1e7
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#bd699aitalic bold
meta.block variable.other, variable#69d4cfcc
support.other.variable, string.other.link#79b8da
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#f5bf2ae5
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#ffc58be5
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#feac9ae0
support.type#ecd761
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#d6c66c
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#e792b6
variable.language#bb5aa6italic
entity.name.method.js#6bbb93italic
meta.class-method.js entity.name.function.js, variable.function.constructor#b4745a
entity.other.attribute-name#c571a2
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#9365dditalic
entity.other.attribute-name.class#a39e5a
source.sass keyword.control#F49342
markup.inserted#8dc2ee
markup.deleted#e95e65
markup.changed#b288e9
string.regexp#c14761
constant.character.escape#c1ab47
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#8f4077italic
source.js constant.other.object.key.js string.unquoted.label.js#9365dditalic
source.json meta.structure.dictionary.json support.type.property-name.json#84cae6e0
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#c063bb
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#6ddab9cc
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#6a37ac
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#d8624b
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#e4ac13
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#af7d73
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#c3a3ec
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#91acc2
text.html.markdown, punctuation.definition.list_item.markdown#e7ce7a
text.html.markdown markup.inline.raw.markdown#3983f1
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#61b3b6
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#ac84c4
markup.italic#ce7563italic
markup.bold, markup.bold string#d36954bold
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#ad5745bold
markup.underline#FEAF9Aunderline
markup.strikestrike
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#4892f3
string.other.link.description.title.markdown#6ad6de
constant.other.reference.link.markdown#FFCB6B
markup.raw.block#766ade
markup.raw.block.fenced.markdown#9db2ee
punctuation.definition.fenced.markdown#98ac93
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#a476aa
variable.language.fenced.markdown#98bfdd
meta.separator#2b9278bold
markup.table#87b8e0
token.info-token#6796e6
token.warn-token#d8b065
token.error-token#c95050
token.debug-token#67b3e6