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#121322
  • activityBar.foreground#ffffff
  • activityBarBadge.background#4ba479
  • editor.background#121322
  • editor.foreground#f6eeff
  • editorGroup.border#316798
  • editorGroupHeader.tabsBackground#121322
  • menu.background#121322
  • panel.border#121322
  • sideBar.background#121322
  • sideBar.border#316798
  • sideBarSectionHeader.background#121322
  • sideBarTitle.foreground#dadada
  • statusBar.background#13152f
  • statusBar.foreground#ffffff
  • tab.activeBackground#0a1a2c
  • tab.inactiveBackground#121322
  • tab.inactiveForeground#fff
  • titleBar.activeBackground#121322
  • titleBar.activeForeground#fff
  • titleBar.inactiveBackground#160f1c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.other.object#91f9bcitalic
comment, punctuation.definition.comment#b26e8eitalic
variable, string constant.other.placeholder#6be6aa
constant.other.color#eb8787
invalid, invalid.illegal#D94B64
keyword, storage.type, storage.modifier#D6A7FF
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#dec249
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#71f0a0
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#4ab7e9
meta.block variable.other#91f9bc
support.other.variable, string.other.link#f07178
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#F78C6C
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#dcdcdc
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#f58bc5
support.type#91f9bc
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#91f9bc
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#f07178
variable.language#f07178italic
entity.name.method.js#4ab7e9italic
meta.class-method.js entity.name.function.js, variable.function.constructor#4ab7e9
entity.other.attribute-name#D6A7FF
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#dec249italic
entity.other.attribute-name.class#dec249
source.sass keyword.control#4ab7e9
markup.inserted#71f0a0
markup.deleted#f07178
markup.changed#D6A7FF
string.regexp#6be6aa
constant.character.escape#6be6aa
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#4ab7e9italic
source.js constant.other.object.key.js string.unquoted.label.js#f07178italic
source.json meta.structure.dictionary.json support.type.property-name.json#D6A7FF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#dec249
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#F78C6C
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#f07178
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#b26e8e
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#4ab7e9
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#f07178
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#D6A7FF
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#71f0a0
text.html.markdown, punctuation.definition.list_item.markdown#f6eeff
text.html.markdown markup.inline.raw.markdown#D6A7FF
inline-dollars#4ab7e9
markup.inline.raw#6be6aa
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#b26e8e
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#71f0a0
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#f07178bold
markup.underline#F78C6Cunderline
markup.quote punctuation.definition.blockquote.markdown#b26e8e
markup.quoteitalic
string.other.link.title.markdown#4ab7e9
string.other.link.description.title.markdown#D6A7FF
constant.other.reference.link.markdown#dec249
markup.raw.block#D6A7FF
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
variable.language.fenced.markdown#b26e8e
meta.separator#b26e8ebold
markup.table#f6eeff
markup.inline.raw.string.markdown, markup.inline.raw.string.markdown#71f0a0italic
string.quoted.double.groovy, source.groovy#4ba479bold
constant.other.groovy, source.groovy#D6A7FFbold
constant.other.key.groovy, source.groovy#f58bc5bold
source.groovy#ffffffbold
punctuation.definition.comment.shebang.shell#4ba479
meta.shebang.shell#6be6aa
constant.other.option#4ab7e9
keyword.control.else, keyword.control.then#71f0a0
meta.interpolation.rust#f58bc5
string.quoted.byte.raw.rust#f58bc5
keyword.control.type.ts#D6A7FFitalic
punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx#dec249