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
comment, punctuation.definition.comment#7f8c98
string.quoted#fe8170
storage.type.function.arrow#ffffffd8
storage.type, storage.modifier, keyword, variable.language.this, variable.language.super, keyword.other.typedef, constant.language#fe7ab2bold
entity.name.type.class#6bdfff
variable.other.property, variable.other.object.property#b181ec
entity.name.function, entity.name.function.method#4db1cb
entity.name.type.module, entity.other.inherited-class, entity.name.class#d9baff
meta.type.annotation#6bdfff
punctuation.definition.tag, entity.name.tag, punctuation.separator.key-value#fe7ab2bold
punctuation.separator.key-value.js#ffffffd9
meta.attribute, entity.other.attribute-name#cc9767
constant.numeric#d8c87c
variable.other.property#abf2e4
keyword.operator#ffffffd9
variable.parameter#ffffffd9
support.type#d9baff
keyword.operator.assignment#ffffffd9
entity.name.fragment.graphql, variable.fragment.graphql#6bdfff
punctuation.quasi.element#ffffffd9
variable.other.readwrite#ffffffd9
meta.brace#ffffffd9
keyword.operator.arithmetic#b281eb
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6

Shiki preview

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

Loading...