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
#D6ECF0
comment#798188
string.quoted.double.block.python#798188
entity.name.tag, support.class.component#f47171bold
meta.jsx.js, text.html.basic, meta.jsx.children, text.html.derivative#f4a9de
entity.other.attribute-name.html, entity.other.attribute-name.jsx, entity.other.attribute-name.ts, entity.other.attribute-name.tsx#7DDCF5
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#FFFBDE
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#FFC64B
constant.character.entity.html#F1E94B
meta.selector.css entity.name.tag#f5f080
meta.selector.css entity.other.attribute-name.id#FFB454bold
entity.other.attribute-name.class, entity.other.attribute-name.parent-selector.css#b6d877bold
support.type.property-name.css#72AACAnormal
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#F6F080
meta.property-value support.constant.named-color.css, meta.property-value constant#F6F080
keyword.other#ffa631underline bold
variable.other.less, entity.other.less.mixin#b6d877
source.css.less keyword.unit.css#EB939A
meta.at-rule.media#ffc773
constant#B8D977
storage.type, keyword.control, keyword.generator, storage.modifier, keyword.operator.new#FFC773bold
entity.name.function#7DDCF5
variable.parameter#C0EBD7underline italic
entity.name.type.class, entity.other.inherited-class#7DDCF5bold
, meta.function-call entity.name.function#FFAFAF
meta.function-call support.function#FEAB8Dbold
meta.function-call variable.language.super#FEAB8Dbold italic
entity.name.type, support.type.builtin, support.type.primitive#B1A5DEC7
string, punctuation.definition.string#BBFFAA
support.class.builtin, support.class.promise#72AACAbold
meta.function, punctuation.definition.group, meta.brackets, meta.property.object.js, punctuation.definition.group.js, punctuation.definition.parameters, meta.group.braces.square.js, meta.brace.round, meta.group.braces.round, punctuation.definition.block, meta.brace.square, punctuation.section.embedded, meta.brace.curly.begin.js, meta.brace.curly.end.js, meta.embedded.expression.jsx, punctuation.definition.brackets.js, punctuation.terminator.statement.js, punctuation.accessor.js, meta.block.ts punctuation.terminator.statement.ts, meta.block.tsx punctuation.terminator.statement.tsx, meta.var.expr.ts support.variable.property.ts, meta.var.expr.tsx support.variable.property.tsx, punctuation.definition.binding-pattern#D6ECF0normal
punctuation.separator, punctuation.accessor, punctuation.destructuring#D6ECF0normal
punctuation.accessor.optional#FFC64B
keyword#FFC64Bbold
meta.object-literal.key, variable.object.property#D6ECF0
variable.other#d7ffd7
variable.language, support.variable.property#C0EBD7bold italic
string constant#B7D877
string.regexp#7FECAD
keyword.control.anchor.regexp
punctuation.definition.group.assertion.regexp#7FECAD
punctuation.definition.group.regexp#7DDCF5
support.type.property-name.json#7FECADnormal
other.preprocessor.c#8996A8
other.preprocessor.c entity#AFC4DB
ZS Theme by zhang-sai - VS Code Theme