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#f3f3f3
  • activityBar.foreground#000000
  • activityBarBadge.background#088c4c
  • editor.background#f3f3f3
  • editor.foreground#232323
  • editorGroup.border#d36c9c
  • editorGroupHeader.tabsBackground#f3f3f3
  • menu.background#f3f3f3
  • panel.border#f3f3f3
  • sideBar.background#f3f3f3
  • sideBar.border#d36c9c
  • sideBarSectionHeader.background#f3f3f3
  • sideBarTitle.foreground#232323
  • statusBar.background#f3f3f3
  • statusBar.foreground#232323
  • tab.activeBackground#f3f3f3
  • tab.inactiveBackground#f3f3f3
  • tab.inactiveForeground#232323
  • titleBar.activeBackground#f3f3f3
  • titleBar.activeForeground#232323
  • titleBar.inactiveBackground#f3f3f3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.other.object#088c4citalic
comment, punctuation.definition.comment#d36c9citalic
variable, string constant.other.placeholder#088c4c
constant.other.color#eb8787
invalid, invalid.illegal#D94B64
keyword, storage.type, storage.modifier#be3bb8bold
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#ddb70bbold
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#088c4c
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#4ab7e9
meta.block variable.other#088c4c
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#232323
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#833be7
support.type#088c4c
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#088c4c
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#be3bb8
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#ddb70bitalic
entity.other.attribute-name.class#ddb70b
source.sass keyword.control#4ab7e9
markup.inserted#2bb65e
markup.deleted#f07178
markup.changed#be3bb8
string.regexp#088c4c
constant.character.escape#088c4c
*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#be3bb8
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ddb70b
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#d36c9c
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#be3bb8
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#2bb65e
text.html.markdown, punctuation.definition.list_item.markdown#232323
text.html.markdown markup.inline.raw.markdown#be3bb8
inline-dollars#4ab7e9
markup.inline.raw#088c4c
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#d36c9c
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#2bb65e
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#d36c9c
markup.quoteitalic
string.other.link.title.markdown#4ab7e9
string.other.link.description.title.markdown#be3bb8
constant.other.reference.link.markdown#ddb70b
markup.raw.block#be3bb8
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
variable.language.fenced.markdown#d36c9c
meta.separator#d36c9cbold
markup.table#232323
markup.inline.raw.string.markdown, markup.inline.raw.string.markdown#2bb65eitalic
string.quoted.double.groovy, source.groovy#088c4cbold
constant.other.groovy, source.groovy#be3bb8bold
constant.other.key.groovy, source.groovy#833be7bold
source.groovy#ffffffbold
punctuation.definition.comment.shebang.shell#088c4c
meta.shebang.shell#088c4c
constant.other.option#4ab7e9
keyword.control.else, keyword.control.then#2bb65e
meta.interpolation.rust#833be7
string.quoted.byte.raw.rust#833be7
keyword.control.type.ts#be3bb8italic
punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx#ddb70b