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.quote—italic
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—