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#d9ff85
meta.brace.square, punctuation.definition.binding-pattern#b5bacf
meta.template.expression, support.variable.property.dom, support.class.builtin, support.constant.math#ffffff
constant.numeric#fad057
constant.language#fbfa5f
constant.language.boolean.true, constant.language.boolean.false#fad057
constant.language.undefined, constant.language.null#fad057
constant.character, constant.other, constant.id.tag.jade#c5a3f5
keyword#ff62ad
storage#ff62ad
storage.type#ff62ad
entity.name.class#50e3d9
entity.other.inherited-class#50e3d9underline
entity.name.function#50e3d9
variable.parameter#fbfa5f
entity.name.tag#ff62ad
entity.other.attribute-name#50e3d9
support.function#ff62ad
support.constant#ff62ad
support.type, support.class#ff62ad
invalid#ffffff
invalid.deprecated#ffffff
meta.diff, meta.diff.header#b5bacf
markup.deleted#ff62ad
markup.inserted#50e3d9
markup.changed#fbfa5f
constant.numeric.line-number.find-in-files - match#ff62ad
entity.name.filename.find-in-files#fbfa5f
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#b5bacf
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#b5bacf
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#50e3d9
support.variable.object.node.js#c5a3f5
comment, comment.line.double-slash, punctuation.definition.comment#556270
source.css, keyword.operator.combinator.css, keyword.operator.less#ffffff
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element#d9ff85
entity.other.attribute-name.class#fbfa5f
entity.other.attribute-name.id#c5a3f5
meta.property-name.css, keyword.other.unit, support.type.property-name#b5bacf
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#fad057
entity.name.section.markdown, punctuation.definition.heading.markdown, markup.heading#ff62ad
beginning.punctuation.definition.list.markdown#fad057
punctuation.definition.markdown#c5a3f5
markup.bold.markdown#ffffffbold
meta.separator.markdown, markup.raw.block.markdown, markup.raw.inline.markdown#b5bacf
storage.type.class.jsdoc#D397C1
entity.name.type.instance.jsdoc#BBB1DE
variable.other.jsdoc#D1D4A2