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
#d9d9d9
comment#4d4d4dff
string.quoted.double.block.python#727272ff
constant#ffff94ff
keyword#f9aa5eff
storage#ffff94ff
string#daffffff
support#a5d1d1ff
variable#f9aa5eff
invalid, keyword.other.important.scss#fda100
text.html.ruby source
entity.other.inherited-class#ccf493ff
string.quoted source#ccf493ff
string constant#ccf493ff
string.regexp#f9aa5eff
string variable#ffff94ff
support.function#f9aa5eff
support.constant#ccf493ff
other.preprocessor.c#a5d1d1ff
other.preprocessor.c entity#a5d1d1ff
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#ccf493ff
meta.selector.css entity.name.tag, entity.name.tag.scss, source.scss entity.other.attribute-name.pseudo-class.scss, keyword.control.at-rule.include.scss, entity.name.tag.wildcard.scss#f5d44dff
meta.selector.css entity.other.attribute-name.id, meta.selector.scss entity.other.attribute-name.id, meta.selector.less entity.other.attribute-name.id, entity.name.tag.reference.scss, entity.name.tag.reference.less#f9aa5eff
meta.selector.css entity.other.attribute-name.class, source.scss entity.other.attribute-name.class.css, source.less entity.other.attribute-name.class.css, keyword.other.default.scss, keyword.other.default.less#ccf493ff
support.type.property-name.css, support.type.property-name.scss, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.attribute.css, variable.scss, meta.property-name.scss#a5d1d1
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css, meta.property-group support.constant.property-value.scss, meta.property-value support.constant.property-value.scss, meta.property-list meta.property-value.scss#ffff94ff
meta.preprocessor.at-rule keyword.control.at-rule#f9aa5eff
meta.property-value support.constant.named-color.css, meta.property-value constant#ffff94ff
source.css string.quoted.single, source.scss string.quoted.single, source.css string.quoted.double, source.scss string.quoted.double, source.css variable.parameter, variable.parameter.url.scss, string.unquoted.attribute-value.scss, string.unquoted.attribute-value.css#a4d1d1
meta.constructor.argument.css#f9885bff
meta.diff, meta.diff.header#ffffffff
markup.deleted#e24931ff
markup.changed#a5d1d1ff
markup.inserted#ccf493ff
markup.deleted.git_gutter#e24931ff
markup.changed.git_gutter#a5d1d1ff
markup.inserted.git_gutter#ccf493ff
markup.ignored.git_gutter#727272ff
markup.untracked.git_gutter#727272ff
sublimelinter.outline.notes
sublimelinter.outline.illegal
sublimelinter.underline.illegal
sublimelinter.outline.warning
sublimelinter.underline.warning
sublimelinter.outline.violation
sublimelinter.underline.violation
entity.other.attribute-name.id.html#f9aa5eff
entity.other.attribute-name.html#ffff94ff
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#a5d1d1ff
punctuation.section.function.scss, punctuation.terminator.rule.scss, punctuation.separator.key-value.scss#ffffffff
keyword.control.at-rule.import.css, keyword.control.at-rule.import.scss, keyword.control.at-rule.keyframes.css, keyword.control.at-rule.keyframes.scss#ffff94ff
meta.at-rule.media.css, meta.at-rule.media.scss#f9aa5eff
variable.other.less#f36781
entity.other.less.mixin#4FEFE4
source.css.less keyword.unit.css#f9885bff
entity.other.attribute-name.angular.html, source.angular.embedded.html#f9885bff
constant.character.entity.html, constant.character.entity.html punctuation#f9885bff
variable.other.readwrite.instance.coffee#ccf493ff
meta.brace.round.coffee, meta.brace.square.coffee#ffff94ff
punctuation.section.embedded.coffee#ccf493ff
variable.assignment.coffee variable.assignment.coffee#ffffffff
meta.delimiter.method.period.coffee#f9aa5eff
meta.brace.curly.coffee#ccf493ff
meta.tag.sgml.doctype.xml, declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string, doctype#727272ff
brackethighlighter.default#a5d1d1ff
keyword.control.php#ccf493ff
keyword.operator.logical.php, keyword.operator.assignment.php, keyword.operator.class.php#a4a4a4ff
variable.other.property.php#ffff94ff
string.regexp.single-quoted.php#daffffff
entity.other.attribute-name.css, entity.other.attribute-name.attribute.css#f5d44d
meta.function entity.name.function, entity.name.function.abp#46efdd
meta.property-value.css parameter.less#ffff82
meta.property-value.css keyword.operator.less, keyword.other.important.css#fda100
MultiTheme by Arturo Arevalo - VS Code Theme