Skip to main content
CodingTheme

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
#d6d3c2
comment#9d9059ffitalic
string, support.constant.font-name#74da68ff
constant.numeric, keyword.other.unit#72c0fbff
constant.language, entity.other.attribute-name.id#e64545bold
constant.character, constant.other#cf98ffff
variable, support.constant.property-value.css#f8c730ff
keyword, support.type.property-name, meta.property-name, support.type.vendored.property-name#ff8080ff
storage#e64545bold
storage.type, entity.name.tag#e6da00bold
entity.name.class#ff61ffffunderline
entity.other.inherited-class#e5cacaffitalic underline
entity.name.function, entity.other.attribute-name.class#fd8d24ffbold
variable.parameter#7ae8ebff
entity.name.tag, punctuation.definition.tag#64cbefffbold
entity.other.attribute-name#ffcc00ff
support.function, meta.property-value, support.constant.property-value#d2f71cff
support.constant, entity.other.attribute-name.pseudo-element#ff80ffff
support.type, support.class#e17fffff
support.other.variable
invalid#ffffffff
invalid.deprecated#ffffffff
punctuation.terminator.rule, punctuation.separator.key-value#d6d3c2

Shiki preview

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

Loading...

CodinCat-theme by CodinCat - VS Code Theme