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#1f2d28
  • activityBarBadge.background#7ed09e
  • editor.background#1a2421
  • editor.foreground#a8d5ba
  • editor.lineHighlightBackground#7ed09e11
  • editor.selectionBackground#7ed09e33
  • editorLineNumber.activeForeground#7ed09e
  • editorLineNumber.foreground#3d5247
  • sideBar.background#1f2d28
  • sideBarTitle.foreground#7ed09e
  • statusBar.background#7ed09e
  • statusBar.foreground#1a2421

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4a6157italic
variable, string constant.other.placeholder#c5d9cf
constant.other.color#d4a5d4
invalid, invalid.illegal#e88c8c
keyword, storage.type, storage.modifier#7ed09ebold
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#8dc4b8
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#d9a5b8
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#ddc788
meta.block variable.other#b5c5bd
support.other.variable, string.other.link#8dbed4
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#d9b08c
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#b8d99a
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#7ed09ebold
support.type#8dbed4
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#7ed09e
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#d4a5d4
variable.language#d9a5b8italic
entity.name.method.js#ddc788italic
meta.class-method.js entity.name.function.js, variable.function.constructor#ddc788
entity.other.attribute-name#d9b08c
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#ddc788italic
entity.other.attribute-name.class#b8d99a
source.sass keyword.control#8dbed4
markup.inserted#7ed09e
markup.deleted#e88c8c
markup.changed#8dc4b8
string.regexp#8dc4b8
constant.character.escape#8dbed4
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#8dc4b8italic
source.js constant.other.object.key.js string.unquoted.label.js#d9a5b8italic
source.json meta.structure.dictionary.json support.type.property-name.json#7ed09e
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#8dbed4
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#d9b08c
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#b8d99a
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#8dc4b8
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#d9a5b8
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#ddc788
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#7ed09e
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#b8d99a
text.html.markdown, punctuation.definition.list_item.markdown#c5d9cf
text.html.markdown markup.inline.raw.markdown#7ed09e
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#4a6157
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#7ed09e
markup.italic#d9a5b8italic
markup.bold, markup.bold string#7ed09ebold
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#7ed09ebold
markup.underline#8dc4b8underline
markup.quote punctuation.definition.blockquote.markdown#4a6157
markup.quoteitalic
string.other.link.title.markdown#8dc4b8
string.other.link.description.title.markdown#7ed09e
constant.other.reference.link.markdown#ddc788
markup.raw.block#7ed09e
markup.raw.block.fenced.markdown#3d5247
punctuation.definition.fenced.markdown#3d5247
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#c5d9cf
variable.language.fenced.markdown#4a6157
meta.separator#4a6157bold
markup.table#c5d9cf