Skip to main content
CodingTheme

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
#FFFCFC
string#ECFD63
meta.brace.square, punctuation.definition.binding-pattern#D4C0B8
meta.template.expression, support.variable.property.dom, support.class.builtin, support.constant.math#FFFCFC
constant.numeric#FCD439
constant.language#FDF83F
constant.language.boolean.true, constant.language.boolean.false#FCD439
constant.language.undefined, constant.language.null#FCD439
constant.character, constant.other, constant.id.tag.jade#DFA8ED
keyword#FF6A8E
storage#FF6A8E
storage.type#FF6A8E
entity.name.class#72E4C6
entity.other.inherited-class#72E4C6underline
entity.name.function#72E4C6
variable.parameter#FDF83F
entity.name.tag#FF6A8E
entity.other.attribute-name#72E4C6
support.function#FF6A8E
support.constant#FF6A8E
support.type, support.class#FF6A8E
invalid#FFFCFC
invalid.deprecated#FFFCFC
meta.diff, meta.diff.header#D4C0B8
markup.deleted#FF6A8E
markup.inserted#72E4C6
markup.changed#FDF83F
constant.numeric.line-number.find-in-files - match#FF6A8E
entity.name.filename.find-in-files#FDF83F
meta.object-literal.key.js#FFFCFCitalic
punctuation.definition.tag.html, constant.name.attribute.tag.jade, punctuation.definition.tag.xml, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#D4C0B8
punctuation.accessor, punctuation.definition.block, punctuation.separator.key-value, punctuation.terminator.statement, punctuation.separator.comma, punctuation.terminator, meta.brace.round, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.template-expression#D4C0B8
entity.name.function, meta.require, support.function.any-method, meta.function-call, support.function, keyword.other.special-method, meta.block-level, meta.function-call.method.with-arguments variable.function#72E4C6
support.variable.object.node.js#DFA8ED
comment, comment.line.double-slash, punctuation.definition.comment#796A4F
source.css, keyword.operator.combinator.css, keyword.operator.less#FFFCFC
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element#ECFD63
entity.other.attribute-name.class#FDF83F
entity.other.attribute-name.id#DFA8ED
meta.property-name.css, keyword.other.unit, support.type.property-name#D4C0B8
support.function.name.sass, meta.property-list.css.sass, meta.function.include.sass#FFFCFC
constant.numeric.css, constant.numeric.scss, constant.numeric.sass, string.quoted.double.css.sass, support.constant.property-value.css, constant.other.rgb-value.css, support.constant.property-value.scss#FFFCFCbold
variable.scss, meta.variable-usage.sass, meta.variable-declaration.sass, variable.other.sass#FCD439
entity.name.section.markdown, punctuation.definition.heading.markdown, markup.heading#FF6A8E
beginning.punctuation.definition.list.markdown#FCD439
punctuation.definition.markdown#DFA8ED
markup.bold.markdown#FFFCFCbold
meta.separator.markdown, markup.raw.block.markdown, markup.raw.inline.markdown#D4C0B8
storage.type.class.jsdoc#E59EA7
entity.name.type.instance.jsdoc#D8B6CD
variable.other.jsdoc#E4D688

Shiki preview

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

Loading...