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#3498DB
  • editor.background#FFFFFF
  • editor.foreground#2C3E50
  • sideBarTitle.foreground#7F8C8D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#95A5A6italic
variable, string constant.other.placeholder#34495E
constant.other.color#E67E22
invalid, invalid.illegal#E74C3C
keyword, storage.type, storage.modifier#2980B9
keyword.control, constant.other.color, punctuation, meta.tag#8E44AD
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#16A085
entity.name.function, meta.function-call, variable.function#D35400
meta.block variable.other#27AE60
support.other.variable, string.other.link#3498DB
constant.numeric, constant.language, support.constant, constant.character#9B59B6
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading#2ECC71
entity.name, support.type, support.class#E67E22
support.type#3498DB
source.css support.type.property-name#2980B9
entity.name.module.js#D35400
variable.language#8E44ADitalic
entity.name.method.js#3498DBitalic
meta.class-method.js entity.name.function.js#16A085
entity.other.attribute-name#C0392B
text.html.basic entity.other.attribute-name.html#2980B9italic
entity.other.attribute-name.class#8E44AD
source.sass keyword.control#27AE60
markup.inserted#2ECC71
markup.deleted#E74C3C
markup.changed#F1C40F
string.regexp#8E44AD
constant.character.escape#FF5733
*url*, *link*, *uri*#2980B9underline
tag.decorator.js entity.name.tag.js#3498DBitalic
source.json meta.structure.dictionary.json support.type.property-name.json#C0392B
text.html.markdown#2C3E50
text.html.markdown markup.inline.raw.markdown#8E44AD
markdown.heading, markup.heading#2ECC71
markup.italic#16A085italic
markup.bold#C0392Bbold
markup.bold markup.italic, markup.italic markup.bold#D35400bold
markup.raw.block#8E44AD