Skip to main content
CodingTheme

VS Code preview

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

Loading...

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#cbcdd2
comment#444444
string#4FB4D8
constant.numeric#40A9E2
constant.language#40A9E2
constant.character, constant.other#FFFFFF
variable#CBCDD2
keyword#2ED184
storage#EB3D54
storage.type#EB3D54 italic
entity.name.class#FFC107
entity.other.inherited-class#40A9E2
entity.name.function#FFC107
variable.parameter#788691 italic
entity.name.tag#40A9E2
entity.other.attribute-name#ffc107
support.function#FFC107
support.constant#40A9E2
support.type, support.class#999999
support.other.variable#CBCDD2
entity.other.attribute-name.id.css#2ED184
entity.name.tag.css#40A9E2
support.constant.property-value.css#EE644C
support.constant.font-name.css#ED922E
string.quoted.double.html#FFC107
entity.other.attribute-name.html#2ED184italic
keyword.other.unit.css#FFFFFF
entity.other.attribute-name.pseudo-element.css#7F87CF
entity.name.tag.structure.any.html#EE644C
entity.other.attribute-name.html, entity.other.attribute-name.event.html, entity.other.attribute-name.id.html, entity.other.attribute-name.class.html, entity.other.attribute-name.tag.jade, constant.other.symbol.ruby#2ED184italic
entity.name.tag.script.html#EB3D54

Shiki preview

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

Loading...

Seth Color Scheme by Marco Bertolini - VS Code Theme