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
#F1F1F1
comment#777777
string.quoted.double.block.python, text.html.django storage.type.templatetag.django storage.type.attr.django, text.html.jekyll punctuation.tag.jekyll string.quoted.single.jekyll, text.html.swig meta.function.block.start.swig string.quoted.single.html#777777
constant#EDE480
entity, meta.function.js#92BFBF
text.html.handlebars#f1f1f1
text.html.handlebars meta.function.inline.other.handlebars variable.parameter.handlebars, text.html.django storage.type.variable.django string.unquoted.tag-string.django#F49D62
text.html.handlebars meta.function.inline.other.handlebars support.constant.handlebars, meta.function.block.start.swig, support.constant.swig, support.constant.handlebars, entity.tag.tagbraces.django#f1f1f1
text.html.handlebars meta.function.block.start.handlebars support.constant.handlebars, string.unquoted.tag-string.django, keyword.control.filter.django#92BFBF
keyword, meta.brace.round.js, meta.brace.square.js#F49D62
storage#EDE480
string#BDDCDC
support#92BFBF
variable#F49D62
invalid, keyword.other.important.scss#CF5340
text.html.ruby source
entity.other.inherited-class#B4D388
string.quoted source#B4D388
string constant#B4D388
string.regexp#F49D62
string variable#EDE480
support.function#F49D62
support.constant#B4D388
other.preprocessor.c#92BFBF
other.preprocessor.c entity#92BFBF
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#B4D388
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#EDE480
meta.selector.css entity.other.attribute-name.id, meta.selector.scss entity.other.attribute-name.id, entity.name.tag.reference.scss#F49D62
meta.selector.css entity.other.attribute-name.class, source.scss entity.other.attribute-name.class.css, keyword.other.default.scss#B4D388
support.type.property-name.css, invalid.illegal, 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, source.css meta.property-list.css meta.property-name.css#92BFBF
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#EDE480
meta.preprocessor.at-rule keyword.control.at-rule, entity.name.tag.jekyll#F49D62
meta.property-value support.constant.named-color.css, meta.property-value constant#EDE480
string.quoted.single, storage.type.attr.django, support.variable.jekyll#bddcdc
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#777777
meta.constructor.argument.css#F18260
meta.diff, meta.diff.header#DDDDDD
markup.deleted#CF5340
markup.changed#92BFBF
markup.inserted#B4D388
markup.deleted.git_gutter#CF5340
markup.changed.git_gutter#92BFBF
markup.inserted.git_gutter#B4D388
markup.ignored.git_gutter#777777
markup.untracked.git_gutter#777777
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#F49D62
entity.other.attribute-name.html#EDE480
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#92BFBF
punctuation.section.function.scss, punctuation.terminator.rule.scss, punctuation.separator.key-value.scss#F1F1F1
keyword.control.at-rule.import.css, keyword.control.at-rule.import.scss, keyword.control.at-rule.keyframes.css, keyword.control.at-rule.keyframes.scss#EDE480
meta.at-rule.media.css, meta.at-rule.media.scss#f49d62
variable.other.less#B4D388
entity.other.less.mixin#B4D388
source.css.less keyword.unit.css#F18260
entity.other.attribute-name.angular.html, source.angular.embedded.html#F18260
constant.character.entity.html#F18260
variable.other.readwrite.instance.coffee#B4D388
meta.brace.round.coffee, meta.brace.square.coffee#EDE480
punctuation.section.embedded.coffee#B4D388
variable.assignment.coffee variable.assignment.coffee#DDDDDD
meta.delimiter.method.period.coffee#F49D62
meta.brace.curly.coffee#B4D388
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#777777
brackethighlighter.default#92BFBF
keyword.control.php#B4D388
keyword.operator.logical.php, keyword.operator.assignment.php, keyword.operator.class.php#999
variable.other.property.php#EDE480
string.regexp.single-quoted.php#BDDCDC
sublimelinter.mark.error#CF5340
sublimelinter.mark.warning#EDE480
sublimelinter.gutter-mark#F1F1F1

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Predawn Theme Kit - Coding Theme