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
#000000
variable.parameter.function#000000
comment, punctuation.definition.comment#AAAAAA
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#FF0000
none#000000
keyword.operator#000000
keyword, keyword.control#0000FF
variable#000000
entity.name.function, meta.require, support.function.any-method#000000
meta.class, support.class, entity.name.class, entity.name.type.class#000000
keyword.other.special-method#000000
storage#0000FF
support.function#000000
string, constant.other.symbol, entity.other.inherited-class#FF0000
constant.numeric#FF0000
none#FF0000
none#0000FF
constant#FF0000
entity.name.tag#0000FF
entity.other.attribute-name#0000FF
entity.other.attribute-name.id, punctuation.definition.entity#0000FF
meta.selector#0000FF
none#FF0000
markup.heading punctuation.definition.heading, entity.name.section#000000
keyword.other.unit#FF0000
markup.bold, punctuation.definition.bold#000000 bold
markup.italic, punctuation.definition.italic#000000italic
markup.raw.inline#000000
string.other.link#000000
meta.link#000000
markup.list#000000
markup.quote#000000
meta.separator#000000
markup.inserted#01a252
markup.deleted#db2d20
markup.changed#000000
constant.other.color#FF0000
string.regexp#FF0000
constant.character.escape#FF0000 underline
punctuation.section.embedded, variable.interpolation#000000
invalid.illegal#f7f7f7

Shiki preview

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

Loading...

Light Theme for Color Blind People by harai - VS Code Theme