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
#ffffff
string#D4FF8B
meta.brace.square, punctuation.definition.binding-pattern#B1C5DC
meta.template.expression, support.variable.property.dom, support.class.builtin, support.constant.math#ffffff
constant.numeric#FFD85B
constant.language#FDFD60
constant.language.boolean.true, constant.language.boolean.false#FFD85B
constant.language.undefined, constant.language.null#FFD85B
constant.character, constant.other, constant.id.tag.jade#C5AEFF
keyword#FF70C1
storage#FF70C1
storage.type#FF70C1
entity.name.class#42ECE3
entity.other.inherited-class#42ECE3underline
entity.name.function#42ECE3
variable.parameter#FDFD60
entity.name.tag#FF70C1
entity.other.attribute-name#42ECE3
support.function#FF70C1
support.constant#FF70C1
support.type, support.class#FF70C1
invalid#ffffff
invalid.deprecated#ffffff
meta.diff, meta.diff.header#B1C5DC
markup.deleted#FF70C1
markup.inserted#42ECE3
markup.changed#FDFD60
constant.numeric.line-number.find-in-files - match#FF70C1
entity.name.filename.find-in-files#FDFD60
meta.object-literal.key.js#ffffffitalic
punctuation.definition.tag.html, constant.name.attribute.tag.jade, punctuation.definition.tag.xml, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#B1C5DC
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#B1C5DC
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#42ECE3
support.variable.object.node.js#C5AEFF
comment, comment.line.double-slash, punctuation.definition.comment#547587
source.css, keyword.operator.combinator.css, keyword.operator.less#ffffff
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element#D4FF8B
entity.other.attribute-name.class#FDFD60
entity.other.attribute-name.id#C5AEFF
meta.property-name.css, keyword.other.unit, support.type.property-name#B1C5DC
support.function.name.sass, meta.property-list.css.sass, meta.function.include.sass#ffffff
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#ffffffbold
variable.scss, meta.variable-usage.sass, meta.variable-declaration.sass, variable.other.sass#FFD85B
entity.name.section.markdown, punctuation.definition.heading.markdown, markup.heading#FF70C1
beginning.punctuation.definition.list.markdown#FFD85B
punctuation.definition.markdown#C5AEFF
markup.bold.markdown#ffffffbold
meta.separator.markdown, markup.raw.block.markdown, markup.raw.inline.markdown#B1C5DC
storage.type.class.jsdoc#D0A3D1
entity.name.type.instance.jsdoc#B9BCEA
variable.other.jsdoc#CFDBAA