Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#808080
invisibles#ffffffff
dont.match
dont.match
console.error#ff0000ff
console.input#5fafb0ff
console.prompt#8384a1ff
console.warning#ffd700ff
console.debug#ffec8bff
hyperlink#548fa0ff
dont.match
markup.deleted#f8f8f8ff
markup.inserted#f8f8f8ff
markup.changed#f8f8f8ff
markup.underline#c0c0c0ffunderline
markup.bold#c0c0c0ffbold
markup.italic#c0c0c0ffitalic
meta.diff, meta.diff.header#f8f8f8ffitalic
meta.separator.diff#ffffffffitalic
meta.separator#ffffffff
property#879ab5ff
dont.match
comment#808000ffitalic
constant#cf6a4cff
entity#cda869ff
keyword#6b764eff
storage#60937eff
string#6b764eff
support#9b7a9dff
variable#7587a6ff
invalid.deprecated#d2a8a1ffitalic,underline
invalid.illegal#f8f8f8ff
text source#808080ff
text.html.ruby source#c8c8c8ff
entity.other.inherited-class#9b5c2effitalic
string source#daefa3ff
string constant#ddf2a4ff
string.regexp#e9c062ff
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#cf7d34ff
string variable#8a9a95ff
support.function#dad085ff
support.constant#cf6a4cff
meta.preprocessor.c#8996a8ff
meta.preprocessor.c keyword#afc4dbff
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string#494949ff
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#ac885bff
declaration.tag.inline, declaration.tag.inline entity, source entity.name.tag, source entity.other.attribute-name, meta.tag.inline, meta.tag.inline entity#e0c589ff
meta.selector.css entity.name.tag#cc7832ff
meta.selector.css entity.other.attribute-name.tag.pseudo-class#9b7a9dff
meta.selector.css entity.other.attribute-name.id#cda869ff
meta.selector.css entity.other.attribute-name.class#9b703fff
support.type.property-name.css#7587a6ff
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#6b764eff
meta.preprocessor.at-rule keyword.control.at-rule#cc7832ff
meta.property-value support.constant.named-color.css, meta.property-value constant#6b764eff
meta.constructor.argument.css#8f9d6aff
meta.diff, meta.diff.header, meta.separator#f8f8f8ffitalic
markup.deleted#f8f8f8ff
markup.changed#f8f8f8ff
markup.inserted#f8f8f8ff
meta.string-contents.quoted.double.php variable.other.php#1cf615ff
markup.list#f9ee98ff
markup.heading#cf6a4cff
override.searchResultIndication
override.xmlTagPairOccurrenceIndication
override.htmlTagPairOccurrenceIndication
override.rubyBlockPairOccurrenceIndication
override.pydevOccurrenceIndication
markup.deleted.git_gutter#F92672
markup.inserted.git_gutter#A6E22E
markup.changed.git_gutter#967EFB
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

MultiTheme by Arturo Arevalo - VS Code Theme