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
#c0b493ff
punctuation, punct, bracket, brace, paren, coma, comma, semi, semicolon#8b806fff
punctuation.definition.tag#6e897fff
punctuation.definition.entity#ad7081ff
meta.preprocessor#ad7081ff
constant#ad7081ff
constant.character.escape#989a24ff
constant.other#cfc89fff
entity, ptr, address, array.cxx#779e69ff
entity.name.function, meta.function-call.makefile#6e897fff
keyword.operator.comparison, keyword.operator, keyword.operator.symbolic, keyword.operator.string, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.class, keyword.operator.key, keyword.operator.logical#cf6c1aff
keyword, keyword.operator.new, keyword.other, keyword.control#cc4f42ff
storage, storage.type.js, storage.type.ts, storage.var.type.js, storage.var.type.ts#f2b042ff
string -string.unquoted.old-plist -string.unquoted.heredoc, string.unquoted.heredoc string, meta.preprocessor.string#989a24ff
comment#7a6e62ffitalic
string.regexp constant.character.escape#989a24ff
support#cc9c2cff
variable#cfc89fff
variable.language#cfc89fff
invalid#cfc89fff
text source, string.unquoted.heredoc, source source#cfc89fff
string.quoted source#989a24ff
string#989a24ff
support.constant#cc9c2cff
support.class#779e69ff
entity.name.tag, entity.leader#779e69ffbold
meta.tag, meta.tag entity#779e69ff
constant.other.color.rgb-value#6e897fff
meta.selector.css entity.name.tag#cc4f42ff
meta.selector.css, entity.other.attribute-name.id#989a24ff
meta.selector.css entity.other.attribute-name.class#989a24ff
support.type.property-name.css#779e69ff
meta.preprocessor.at-rule keyword.control.at-rule#cc9c2cff
meta.property-value constant#cc9c2cff
meta.property-value support.constant.named-color.css#cf6c1aff
meta.constructor.argument.css#cc9c2cff
meta.diff, meta.diff.header#cfc89fff
markup.deleted#cfc89fff
markup.changed#cfc89fff
markup.inserted#cfc89fff
markup.boldbold
markup.italicitalic
markup.heading#779e69ffbold
entity.name.type.class.php#779e69ff
keyword.other.phpdoc#7a6e62ff
constant.numeric.css, keyword.other.unit.css#ad7081ff
punctuation.definition.entity.css#989a24ff
variable.language.js#cc9c2cff
constant.other.table-name.sql#989a24ff
constant.other.database-name.sql#989a24ff
storage.type.dired.item.directory, dired.item.directory#779e69ff
orgmode.link#cc9c2cffunderline
orgmode.page#989a24ff
orgmode.break#ad7081ff
orgmode.headline#779e69ff
orgmode.tack#cc9c2cff
orgmode.follow_up#cc9c2cff
orgmode.checkbox#cc9c2cff
orgmode.checkbox.summary#cc9c2cff
orgmode.tags#cc4f42ff

Shiki preview

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

Loading...

Ezekel Theme by be5invis - VS Code Theme