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
#000000
comment#FF9900
string#CC0000
constant.numeric#FF0000
constant.language#552200
constant.character, constant.other#552200
variable#0066FF
keyword#006600
storage#990099
storage.type#0000FF
entity.name.class#000000
entity.other.inherited-class#000000
entity.name.function#000000
variable.parameter#888888
entity.name.tag#009
entity.other.attribute-name#000099
support.function#009999
support.constant#333333
support.type, support.class#990099
support.other.variable
invalid#990000
invalid.deprecated#990000
meta.structure.dictionary.json string.quoted.double.json#0000ff
meta.diff, meta.diff.header#75715E
markup.deleted#990000
markup.inserted#010101
markup.changed#000099
constant.numeric.line-number.find-in-files - match#0000ffA0
entity.name.filename.find-in-files#E6DB74
comment.block.html, punctuation.definition.comment.html, comment.block.xml, comment.line.html, comment.html#999999
entity.name.tag, meta.tag.html, meta.tag.inline.any.html, meta.tag.block.any.html, meta.tag.structure.any.html, entity.name.tag.structure.any.html, meta.tag.sgml.doctype.html, entity.name.tag.inline.any.html#000099
string.quoted.single.html, string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, string.quoted.double.xml, string.quoted.single.xml, meta.tag.inline.any.html string.quoted.double.html, meta.tag.inline.any.html string.quoted.single.html, meta.tag.html string.quoted.double.html, meta.tag.html string.quoted.single.html, string.html#0000FF
entity.name.tag.script.html, punctuation.definition.tag.html, source.js.embedded.html entity.other.attribute-name.html, source.js.embedded.html punctuation.definition.tag.html#990000
text.html.tt, text.html, text.html.mt#000000
meta.tag.inline.table.html, entity.name.tag.table.html, entity.table.attribute-name.cfml, meta.tag.inline.tr.html, source.php entity.name.tag.table.html, source.php meta.tag.inline.table.html#009999
entity.name.tag.form.html, entity.form.attribute-name.cfml, meta.tag.inline.form.html, meta.tag.block.form.html, meta.tag.block.any.html entity.name.tag.block.form.html#FF9900
entity.name.tag.style.html, source.css.embedded.html punctuation.definition.tag.html#990099
entity.name.tag.img.html, entity.img.attribute-name.cfml, meta.tag.inline.img.html, meta.tag.block.object.html#990099
meta.tag.inline.link.html, source.php meta.tag.inline.link.html, source.php meta.extratag.html meta.tag.inline.link.html#006600
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, meta.tag.inline.any.html punctuation.section.embedded.begin.php, meta.tag.inline.any.html punctuation.section.embedded.end.php, meta.tag.html punctuation.section.embedded.begin.php, meta.tag.html punctuation.section.embedded.end.php#FF0000
keyword.operator.php, keyword.operator.key.php, keyword.operator.logical.php, keyword.operator.class.php, keyword.operator.string.php, keyword.operator.arithmetic.php#0000FF
support.function.php#0000FF
variable.other.php, meta.function.arguments.php, meta.tag.inline.any.html source.php.embedded.line.html variable.other.php, meta.tag.inline.any.html source.php.embedded.line.html string.quoted.single.php variable.other.php, meta.tag.any.html source.php.embedded.line.html variable.other.php, meta.tag.any.html source.php.embedded.line.html string.quoted.single.php variable.other.php, comment.block.html source.php.embedded.line.html source.php.embedded.line.html variable.other.php#0066FF
keyword.control.php, support.function.construct.php, constant.language.php, storage.modifier.php, meta.class.php, storage.type.class.php, source.php.embedded.line.html support.function.construct.php, meta.function.arguments.php constant.language.php#006600
string.quoted.single.php, string.quoted.double.php, string.quoted.double.sql.php, source.php.embedded.line.html string.quoted.single.php, meta.tag.inline.any.html source.php.embedded.line.html string.quoted.single.php, meta.tag.inline.any.html source.php.embedded.line.html meta.string-contents.quoted.double.php, source.php.embedded.line.html punctuation.definition.string.begin.php, source.php.embedded.line.html punctuation.definition.string.end.php, meta.tag.html source.php.embedded.line.html string.quoted.single.php, meta.tag.html source.php.embedded.line.html meta.string-contents.quoted.double.php#CC0000
constant.numeric, meta.function.arguments.php constant.numeric#FF0000
punctuation.terminator.expression.php, variable.other.property.php, meta.function-call.object.php, meta.function-call.php#000000
comment.block.php, punctuation.definition.comment.php#FF9900
meta.brace.curly.js, meta.brace.round.js, source.js.embedded.html meta.brace.curly.js, source.js.embedded.html meta.brace.round.js#000099
support.class.js, support.function.dom.js, support.constant.dom.js, source.js.embedded.html support.class.js, support.variable.dom.js#990099
support.class.math.js, support.constant.property.math.js, support.function.math.js#009999
string.quoted.single.js, string.quoted.double.js, punctuation.definition.string.begin.js, punctuation.definition.string.end.js#0000FF
keyword.operator.js#0000FF
storage.type.js, keyword.control.js, constant.language.boolean.js, variable.language.default.js#000099bold
constant.numeric.js#FF0000
comment.block.js, punctuation.definition.comment.js, comment.block.documentation.js, comment.block.html.js, comment.line.js#999999
storage.type.function.js, source.js.embedded.html storage.type.function.js#000000bold
variable.parameter.function.js, entity.name.function.js, punctuation.terminator.statement.js, support.js#000000
entity.name.tag.css, entity.other.attribute-name.css, entity.other.attribute-name.scss#FF00FF
support.type.property-name.css, support.type.property-name.less, support.type.property-name.scss#000099
meta.property-value.css #0000FF
keyword.other.important.css #FF0000
comment.block.css, punctuation.definition.comment.css#999999
string.quoted.double.css, punctuation.definition.string.begin.css, punctuation.definition.string.end.css, string.quoted.single.css, string.quoted.double.attribute-value.css, string.unquoted.attribute-value.css#006600
meta.at-rule.import.css, keyword.control.at-rule.import.css, support.function.url.css, keyword.control.at-rule.charset.css, keyword.control.at-rule.font-face.css#009999
keyword.control.at-rule.media.css, meta.at-rule.media.css#990000
Dreamweaver Web Theme by Persephona - VS Code Theme