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.

  • activityBarBadge.background#8D9EDB
  • editor.background#222020
  • editor.foreground#F8F7F2
  • sideBar.background#2E2A2A
  • sideBarTitle.foreground#bbbab1

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#625E5Eitalic
variable, string constant.other.placeholder#F8F7F2
constant.other.color#F8F7F2
invalid, invalid.illegal#E97288
keyword, storage.type, storage.modifier#bbbab1
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#bbbab1
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#E97288
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#8D9EDBunderline
meta.block variable.other#F8F7F2bold
support.other.variable, string.other.link#F8F7F2
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#E97288
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#FDE097
entity.name, support.class, meta.use.php, markup.changed.git_gutter, support.type, support.other.namespace.use.php, support.other.namespace.php, support.type.sys-types#FDE097bold
support.type#e4e4df
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#e4e4df
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#E97288
variable.language#E97288italic
entity.name.method.js#FDE097italic
meta.class-method.js entity.name.function.js, variable.function.constructor#FDE097
entity.other.attribute-name#F8F7F2bold
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FDE097italic
entity.other.attribute-name.class#FDE097
source.sass keyword.control#FDE097
markup.inserted#FDE097
markup.deleted#E97288
markup.changed#8D9EDB
string.regexp#8D9EDB
constant.character.escape#8D9EDB
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#FDE097italic
source.js constant.other.object.key.js string.unquoted.label.js#E97288italic
source.json meta.structure.dictionary.json support.type.property-name.json#8D9EDB
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#F8F7F2
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#E97288
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#8D9EDB
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#FDE097
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#E97288
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#8D9EDB
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#F8F7F2
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#E97288
text.html.markdown, punctuation.definition.list_item.markdown#F8F7F2
text.html.markdown markup.inline.raw.markdown#8D9EDB
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#FDE097
markup.italic#E97288italic
markup.bold, markup.bold string#E97288bold
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#E97288bold
markup.underline#E97288underline
markup.quote punctuation.definition.blockquote.markdown#FDE097
markup.quoteitalic
string.other.link.title.markdown#FDE097
string.other.link.description.title.markdown#8D9EDB
constant.other.reference.link.markdown#FDE097
markup.raw.block#8D9EDB
markup.raw.block.fenced.markdown#e4e4df
punctuation.definition.fenced.markdown#e4e4df
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#F8F7F2
variable.language.fenced.markdown#625E5E
meta.separator#625E5Ebold
markup.table#F8F7F2
Skippering Theme by Skippering - VS Code Theme