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
entity.name.function#ffa
entity.name.method#ffa
entity.name.tag#f55
entity.name.type#5fa
entity.name.class#5af
variable#5ff
constant.language#5af
constant.numeric#faa
constant.numeric.css#ffa
constant.character#ffa
support.constant#5fa
keyword.control#5fa
keyword.operator#eee
storage.type#5af
storage.modifier#a5f
invalid#f55
string#ffd5aa
string.regexp#faa
comment.todo#f55
comment.region#55f
punctuation, meta.brace.round, meta.brace.square#eee
comment#555italic
punctuation.definition.template-expression#5af
punctuation.definition.comment#555
entity.other.attribute-name.html#fa5
string.quoted.double.html#ffa
text.html#eee
entity.name.tag.jsx#5af
meta.jsx#eee
entity.other.attribute-name#ffa
support.type#5af
meta.property-value#eee
sass.use#5fa
support.function#ffa
storage.type.class, storage.type.type, storage.type.interface, storage.type.namespace#a5f
meta.object.member#5ff
meta.interface, meta.class#5af
variable.language.this, keyword.operator.new, keyword.operator.expression.void#a5f
support.class#5af
markup.boldbold
markup.italicitalic
markup.heading#5afbold
punctuation.definition.list.begin.markdown#5af
markup.inline.raw#5ffitalic
variable.language#5af
variable.other.property, variable.other.object.property#5af