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
#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