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).
| scope | foreground | fontStyle |
|---|---|---|
| — | #FFFFFF | — |
| punctuation - (punctuation.definition.string || punctuation.definition.comment) | #E1EFFF | |
| constant | #FF628C | |
| entity | #ffc600 | |
| keyword | #FF9D00 | |
| storage | #ffc600 | |
| string -string.unquoted.old-plist -string.unquoted.heredoc, string.unquoted.heredoc string | #3AD900 | |
| comment | #0088FF | italic |
| support | #80FFBB | |
| variable | #CCCCCC | |
| variable.language | #FF80E1 | |
| meta.function-call | #FFEE80 | — |
| invalid | #F8F8F8 | — |
| entity.other.inherited-class | #80FCFF | italic |
| string.quoted source | #9EFF80 | |
| string constant | #80FF82 | — |
| string.regexp | #80FFC2 | — |
| string variable | #EDEF7D | — |
| support.function | #FFB054 | |
| support.constant | #EB939A | |
| support.type.exception | #FF1E00 | — |
| meta.preprocessor.c | #8996A8 | — |
| meta.preprocessor.c keyword | #AFC4DB | — |
| meta.sgml.html meta.doctype, meta.sgml.html meta.doctype entity, meta.sgml.html meta.doctype string, meta.xml-processing, meta.xml-processing entity, meta.xml-processing string | #73817D | — |
| meta.tag, meta.tag entity | #9EFFFF | — |
| meta.selector.css entity.name.tag | #9EFFFF | — |
| meta.selector.css entity.other.attribute-name.id | #FFB454 | — |
| meta.selector.css entity.other.attribute-name.class | #5FE461 | — |
| support.type.property-name.css | #9DF39F | — |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #F6F080 | — |
| meta.preprocessor.at-rule keyword.control.at-rule | #F6AA11 | — |
| meta.property-value support.constant.named-color.css, meta.property-value constant | #EDF080 | — |
| meta.constructor.argument.css | #EB939A | — |
| meta.diff, meta.diff.header | #F8F8F8 | — |
| markup.deleted | #F8F8F8 | — |
| markup.changed | #F8F8F8 | — |
| markup.inserted | #F8F8F8 | — |
| markup.raw | — | — |
| markup.quote | — | — |
| markup.list | — | — |
| markup.bold | #C1AFFF | bold |
| markup.italic | #B8FFD9 | italic |
| markup.heading | #C8E4FD | bold |
| sublimelinter.annotations | #FFFFFF | — |
| sublimelinter.mark.error | #DA2000 | — |
| sublimelinter.outline.illegal | #FFFFFF | — |
| sublimelinter.underline.illegal | — | — |
| sublimelinter.gutter-mark | #FFFFFF | — |
| sublimelinter.mark.warning | #EDBA00 | — |
| sublimelinter.outline.warning | #FFFFFF | — |
| sublimelinter.underline.warning | — | — |
| sublimelinter.outline.violation | #FFFFFF | — |
| sublimelinter.underline.violation | — | — |
| , entity.name.class.php, , entity.name.type.class.php, | #80FFC2 | — |
| entity.name.function.php | — | — |
| markup.deleted.git_gutter | #F92672 | — |
| markup.inserted.git_gutter | #A6E22E | — |
| markup.changed.git_gutter | #967EFB | — |
| markup.ignored.git_gutter | #565656 | — |
| markup.untracked.git_gutter | #565656 | — |
| brackethighlighter.tag | #1f4662 | — |
| brackethighlighter.curly | #ffc600 | — |
| brackethighlighter.round | #ffc600 | — |
| brackethighlighter.square | #ffc600 | — |
| brackethighlighter.angle | #FFDD00 | — |
| brackethighlighter.quote | #ffc600 | — |
| brackethighlighter.unmatched | #F92672 | — |
| storage.type.function.js | #ffa5f3 | — |
| punctuation.definition.string.begin.js, punctuation.definition.string.end.js | #2eff00 | — |
| , string.unquoted.label.js, , meta.object-literal.key.js -string, | #2AFFDF | — |
| , entity.name.class.js, , entity.name.type.class.js, | #FB94FF | — |
| storage.type.class.js | #FF9D00 | — |
| , storage.type.extends.js, , storage.modifier.extends.js, | — | italic |
| punctuation.separator.key-value.css | #ffc600 | — |
| invalid.illegal.bad-comments-or-CDATA.html | #0088FF | — |
| , punctuation.definition.list_item.markdown, , punctuation.definition.blockquote.markdown, , punctuation.definition.string.begin.markdown, , punctuation.definition.string.end.markdown, | #ffc600 | — |
| , markup.underline.link.image.markdown, | #ffc600 | italic |
| , entity.other.attribute-name.html, , entity.other.attribute-name.event.html, , entity.other.attribute-name.class.html, , entity.other.attribute-name.style.html, , entity.other.attribute-name.id.html, , entity.other.attribute-name.tag.jade, , constant.other.symbol.ruby, , entity.other.attribute-name.jsx, | #ffc600 | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...