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