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
#0D0D0D
comment#999999
string#1794FAF0
constant.numeric#0025F5
constant.language#DE5CFF
constant.character, constant.other#AE81FF
variable
source.sass, meta.selector.sass, entity.other.attribute-name.class.sass#1794FAF0
source.sass, meta.selector.sass, entity.other.attribute-name.id.sass#1794FAF0
source.sass meta.property-list.sass meta.property-name.sass support.type.property-name.sass#FF6708F0
source.sass, meta.selector.sass, entity.name.tag.sass#FF0000
source.sass meta.property-list.sass meta.property-value.sass constant.other.color.rgb-value.sass#D4D4D4
keyword#FF3333 bold
storage#EB5086
storage.type#0088FFitalic bold
entity.name.class#85C70Cunderline
entity.other.inherited-class#507806italic underline
entity.name.function#1DA11D bold
variable.parameter#FF960D italic
entity.name.tag#F92672
entity.other.attribute-name#A6E22E
support.function#FFCD03
support.constant#57C8ED
support.type, support.class#124CFAitalic
support.other.variable#1C1C1C
invalid#F8F8F0
invalid.deprecated#F8F8F0
entity.other.attribute-name.html#F77C00
keyword.operator.js#5ECFFF
source.js#050505
comment.js#C2C2C2

Shiki preview

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

Loading...

ArtSchool Theme by gerane - VS Code Theme