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#D7FF5F
meta.brace.square, punctuation.definition.binding-pattern#B5BCDA
meta.template.expression, support.variable.property.dom, support.class.builtin, support.constant.math#ffffff
constant.numeric#FFD427
constant.language#FFFF29
constant.language.boolean.true, constant.language.boolean.false#FFD427
constant.language.undefined, constant.language.null#FFD427
constant.character, constant.other, constant.id.tag.jade#CF9EFF
keyword#FF4FBA
storage#FF4FBA
storage.type#FF4FBA
entity.name.class#22F4E5
entity.other.inherited-class#22F4E5underline
entity.name.function#22F4E5
variable.parameter#FFFF29
entity.name.tag#FF4FBA
entity.other.attribute-name#22F4E5
support.function#FF4FBA
support.constant#FF4FBA
support.type, support.class#FF4FBA
invalid#ffffff
invalid.deprecated#ffffff
meta.diff, meta.diff.header#B5BCDA
markup.deleted#FF4FBA
markup.inserted#22F4E5
markup.changed#FFFF29
constant.numeric.line-number.find-in-files - match#FF4FBA
entity.name.filename.find-in-files#FFFF29
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#B5BCDA
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#B5BCDA
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#22F4E5
support.variable.object.node.js#CF9EFF
comment, comment.line.double-slash, punctuation.definition.comment#495C70
source.css, keyword.operator.combinator.css, keyword.operator.less#ffffff
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element#D7FF5F
entity.other.attribute-name.class#FFFF29
entity.other.attribute-name.id#CF9EFF
meta.property-name.css, keyword.other.unit, support.type.property-name#B5BCDA
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#FFD427
entity.name.section.markdown, punctuation.definition.heading.markdown, markup.heading#FF4FBA
beginning.punctuation.definition.list.markdown#FFD427
punctuation.definition.markdown#CF9EFF
markup.bold.markdown#ffffffbold
meta.separator.markdown, markup.raw.block.markdown, markup.raw.inline.markdown#B5BCDA
storage.type.class.jsdoc#D390CD
entity.name.type.instance.jsdoc#BFB0E9
variable.other.jsdoc#D3D793
theme-stayfresh by Piotrek Fracek - VS Code Theme