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#5A411E
  • editor.background#F1EAF3
  • editor.foreground#161415
  • sideBarTitle.foreground#F1BCB4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#573B1Ditalic
variable, string constant.other.placeholder#CE7366
constant.other.color#5A411E
invalid, invalid.illegal#CE7366
keyword, storage.type, storage.modifier#161415
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#1B1A19
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#5A411E
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#CE7366
meta.block variable.other#F1BCB4
support.other.variable, string.other.link#515457
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#5A411E
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#DCA39C
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#CE7366
support.type#5A411E
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#D0C7D1
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#161415
variable.language#DCA39Citalic
entity.name.method.js#C5C0C1italic
meta.class-method.js entity.name.function.js, variable.function.constructor#C5C0C1
entity.other.attribute-name#DCA39C
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#C5C0C1italic
entity.other.attribute-name.class#CE7366
source.sass keyword.control#1B1A19
markup.inserted#F1BCB4
markup.deleted#161415
markup.changed#DCA39C
string.regexp#1B1A19
constant.character.escape#161415
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#161415italic
source.js constant.other.object.key.js string.unquoted.label.js#A4885Fitalic
source.json meta.structure.dictionary.json support.type.property-name.json#CE7366
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#515457
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#A4885F
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#CE7366
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#DCA39C
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#573B1D
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#D0C7D1
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#CE7366
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#D0C7D1
text.html.markdown, punctuation.definition.list_item.markdown#A4885F
text.html.markdown markup.inline.raw.markdown#CE7366
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#DCA39C
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#DCA39C
markup.italic#1B1A19italic
markup.bold, markup.bold string#515457bold
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#CE7366bold
markup.underline#D0C7D1underline
markup.quote punctuation.definition.blockquote.markdown#D0C7D1
markup.quoteitalic
string.other.link.title.markdown#515457
string.other.link.description.title.markdown#F1BCB4
constant.other.reference.link.markdown#161415
markup.raw.block#D0C7D1
markup.raw.block.fenced.markdown#1B1A19
punctuation.definition.fenced.markdown#1B1A19
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#1B1A19
variable.language.fenced.markdown#161415
meta.separator#A4885Fbold
markup.table#573B1D