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
string constant.other.placeholder, constant.character.escape, keyword#ff0000
variable, string constant.other.placeholder, entity.name.function, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scssitalic
punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scss, constant.other.color, invalid.deprecated, invalid, invalid.illegal#830f00
constant.other.php#ff6bce
Keyword, Storageitalic
keyword.control, source.scss keyword.control, constant.other.color, keyword.other.template, keyword.other.substitution, entity.name.tag.reference.scss#00ad3a
punctuation, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.terminator.rule.css, punctuation.definition, punctuation.section.embedded, entity.name.type.module.js, string.quoted.single.scss#8c4cf3
keyword.control.at-rule, keyword.control.operator, keyword.operator.assignment.js, punctuation.separator.comma.js, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.binding-pattern.object.js#ffffff
keyword.controlbold
comment, comment.line.scss, comment.line.double-slash.js, punctuation.definition.comment, punctuation.definition.comment.scss, punctuation.definition.comment.js, punctuation.definition.comment.html, comment.block.html, variable.other.jsdoc, entity.name.type.instance.jsdoc, storage.type.class.jsdoc, comment.block.documentation#2c8a63
meta.tag.sgml, markup.deleted.git_gutter, entity.other.attribute-name, storage.modifier, support.function#ecc410
entity.name.tag.htmlbold
variable.parameter.js, variable.parameter.keyframe-list.css, support.type.property-name.json#ffe600
entity.name.tag, string.other.link.title.markdown, variable, variable.other.readwrite.js, support.other.variable, string.other.link, markup.table, variable.other.property.js, meta.object-literal.key.js#2f99fd
string.quoted.double.html, string.quoted.double.json, keyword.other.special-method, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, markup.bold, markup.bold.markdown, markup.italic.markdown, markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, meta.class-method.js entity.name.function.js, source.sass keyword.control#9ca5c2
variable.other.constant.js, variable.other.object.property.js, variable.other.object.js, variable.function, variable.function.constructor#b0c3ff
entity.name.function, entity.name.tag.other.html, entity.name.tag.block.any.html#8dcdf8
string, source.ignore, text.html.derivative, constant.numeric, constant.language, constant.character, constant.escape, keyword.other.unit, keyword.other, punctuation.definition.list_item.markdown, punctuation.separator.key-value.html, punctuation.definition.string.template.begin.js, punctuation.definition.string.template.end.js, text.html.markdown, constant.other.symbol, constant.other.key, entity.other.inherited-class, keyword.other.unit, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly, constant.other.object.key.js, string.unquoted.label.js, string.quoted.single.js, string.template.js, variable.parameter.function.language.special, variable.parameter#e7e7e7
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, entity.other.attribute-name.html#cf3ccf
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name, support.type, entity.name.module.js, variable.import.parameter.js, variable.other.class.js#00c3ff
entity.name.method.js, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#bf7600italic
storage.type, entity.other.attribute-name.id, entity.other.attribute-name.class, entity.other.attribute-name.pseudo-class, entity.name.tag.css, keyword.control.conditional.js, support.constant, entity.other.attribute-name.html, storage.type.function.js, storage.type.js, punctuation.definition.entity.css, meta.object-literal.key#00ff95
markup.inserted#10c300
markup.deleted#444444
markup.changed#ffe75f
string.regexp#8dac52
*url*, *link*, *uri*underline
source.js constant.other.object.key.js string.unquoted.label.js#eabce9italic
text.html.markdown markup.inline.raw.markdown#f053ee
text.html.markdown markup.inline.raw.markdown, punctuation.definition.raw.markdown#ff4ec3
text.html.markdown meta.dummy.line-break
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section.markdown#f39b28bold
markup.underline#bf3abdunderline
markup.strike
markup.quote punctuation.definition.blockquote.markdown#ff00fc
markup.quoteitalic
string.other.link.description.title.markdown#00ff00
constant.other.reference.link.markdown#8ff58f
markup.raw.block#49b949
punctuation.definition.raw.markdown, punctuation.definition.markdown#169405
variable.language.fenced.markdown#d3ffcd
meta.separator#ee6f1abold
token.info-token#ffd1b2
token.warn-token#a56336
token.error-token#ffaa71
token.debug-token#963800
VanDeFlame Theme by VanDeFlame - VS Code Theme