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#344B9C
  • editor.background#F8F7F2
  • editor.foreground#444141
  • sideBar.background#EFEEE7
  • sideBar.border#E5E4DD
  • sideBar.foreground#444141
  • sideBarTitle.foreground#625E5E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#bbbab1italic
variable, string constant.other.placeholder#444141
constant.other.color#444141
invalid, invalid.illegal#BE2C47
keyword, storage.type, storage.modifier#625E5E
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#625E5E
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#BE2C47
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#344B9Cunderline
meta.block variable.other#444141bold
support.other.variable, string.other.link#444141
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#BE2C47
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#eaa119
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#444141bold
support.type#444141
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#444141
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#BE2C47
variable.language#BE2C47italic
entity.name.method.js#eaa119italic
meta.class-method.js entity.name.function.js, variable.function.constructor#eaa119
entity.other.attribute-name#444141bold
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#eaa119italic
entity.other.attribute-name.class#eaa119
source.sass keyword.control#eaa119
markup.inserted#eaa119
markup.deleted#BE2C47
markup.changed#344B9C
string.regexp#344B9C
constant.character.escape#344B9C
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#eaa119italic
source.js constant.other.object.key.js string.unquoted.label.js#BE2C47italic
source.json meta.structure.dictionary.json support.type.property-name.json#344B9C
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#444141
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#BE2C47
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#344B9C
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#eaa119
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#BE2C47
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#344B9C
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#444141
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#BE2C47
text.html.markdown, punctuation.definition.list_item.markdown#444141
text.html.markdown markup.inline.raw.markdown#344B9C
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#344B9C
markup.italic#BE2C47italic
markup.bold, markup.bold string#344B9Cbold
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#eaa119bold
markup.underline#BE2C47underline
markup.quote punctuation.definition.blockquote.markdown#eaa119
markup.quoteitalic
string.other.link.title.markdown#eaa119
string.other.link.description.title.markdown#344B9C
constant.other.reference.link.markdown#eaa119
markup.raw.block#344B9C
markup.raw.block.fenced.markdown#e4e4df
punctuation.definition.fenced.markdown#e4e4df
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#444141
variable.language.fenced.markdown#344B9C
meta.separator#344B9Cbold
markup.table#444141
Skippering Theme by Skippering - VS Code Theme