Skip to main content
Coding Theme

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
preap Theme by gerane - VS Code Theme