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—