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 |
|---|---|---|
| — | #f8f8f2 | — |
| comment | #696969 | — |
| string | #e6db74 | — |
| constant.numeric | #be84ff | — |
| constant.language, meta.preprocessor | #be84ff | — |
| constant.character, constant.other | #be84ff | — |
| variable.language, variable.other | #ffffff | — |
| keyword | #ff4083 | — |
| storage | #ff4083 | |
| storage.type | #66d9ef | bold |
| entity.name.class | #aee837 | bold |
| entity.other.inherited-class | #aee837 | bold italic |
| entity.name.function | #aee837 | bold |
| variable.parameter | #ffa940 | italic |
| entity.name.tag | #ff4083 | — |
| entity.other.attribute-name | #aee837 | |
| support.function | #66d9ef | bold |
| support.constant | #66d9ef | |
| support.type, support.class | #66d9ef | bold italic |
| support.other.variable | — | |
| string constant | #66d9ef | — |
| string.regexp | #f6aa11 | — |
| string variable | #ffffff | — |
| punctuation.definition.variable | #ffffff | — |
| entity | #aee837 | bold |
| 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 | #c8cecc | — |
| comment.block.html | #707070 | |
| entity.name.tag.script.html | — | italic |
| text.html.basic meta.tag.other.html, text.html.basic meta.tag.any.html, text.html.basic meta.tag.block.any, text.html.basic meta.tag.inline.any, text.html.basic meta.tag.structure.any.html, text.html.basic source.js.embedded.html, punctuation.separator.key-value.html | #aee837 | |
| text.html.basic entity.other.attribute-name.html | #aee837 | — |
| text.html.basic meta.tag.structure.any.html punctuation.definition.string.begin.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #ffffff | |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #ffffff | — |
| variable.parameter.handlebars | #ffc140 | — |
| support.constant.handlebars, meta.function.block.start.handlebars | #66d9ef | — |
| meta.preprocessor.at-rule keyword.control.at-rule | #ffc140 | — |
| meta.selector.css entity.other.attribute-name.id | #ffc140 | — |
| entity.other.attribute-name.id | #ffc140 | — |
| meta.selector.css entity.other.attribute-name.class | #aee837 | — |
| support.type.property-name.css | #66d9ef | — |
| meta.constructor.argument.css | #ffc140 | — |
| punctuation.section.property-list.css | #ffffff | — |
| punctuation.definition.tag.css | #ff4083 | — |
| punctuation.separator.key-value.css, punctuation.terminator.rule.css | #ffffff | |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-selector.css | #aee837 | |
| variable.other.less | #ffffff | — |
| entity.other.less.mixin | #e0fdce | italic |
| entity.other.attribute-name.pseudo-element.less | #ffa940 | |
| meta.function.js, entity.name.function.js, support.function.dom.js | #aee837 | |
| storage.type.js | #66d9ef | italic |
| text.html.basic source.js.embedded.html | #ffffff | |
| storage.type.function.js | #66d9ef | bold italic |
| constant.numeric.js | #ae81ff | — |
| meta.brace.square.js | #ffffff | — |
| meta.brace.round, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js | #ffffff | — |
| meta.brace.curly.js | #ffffff | — |
| keyword.operator.index-start.php, keyword.operator.index-end.php | #ffffff | — |
| meta.array.php | #ffffff | — |
| meta.array.php support.function.construct.php, meta.array.empty.php support.function.construct.php | #66d9ef | |
| support.function.construct.php | #66d9ef | — |
| storage.type.function.php | #66d9ef | — |
| constant.numeric.php | #be84ff | — |
| keyword.other.new.php | #ff4088 | bold |
| support.class.php | #66d9ef | italic |
| variable.other.property.php | #ffc140 | — |
| storage.modifier.extends.php, storage.type.class.php, keyword.operator.class.php | #ff4088 | — |
| meta.other.inherited-class.php | #66d9ef | bold italic |
| storage.type.php | #66d9ef | bold |
| entity.name.function.php | #aee837 | bold |
| support.function.construct.php | #66d9ef | bold |
| entity.name.type.class.php, meta.function-call.php, meta.function-call.static.php, meta.function-call.object.php | #ffffff | bold |
| keyword.other.phpdoc | #707070 | |
| source.php.embedded.block.html | #ffffff | — |
| invalid | #f8f8f0 | |
| invalid.deprecated | #f8f8f0 | — |
| meta.diff, meta.diff.header | #696969 | — |
| markup.deleted | #ff4083 | — |
| markup.inserted | #aee837 | — |
| markup.changed | #e6db74 | — |
| meta.diff, meta.diff.range | #3bc0f0 | — |
| storage.type.class.python, storage.type.function.python, storage.modifier.global.python | #3bc0f0 | — |
| keyword.control.import.python, keyword.control.import.from.python | #ff4083 | — |
| support.type.exception.python | #66d9ef | — |
| punctuation.definition.variable.perl, variable.other.readwrite.global.perl, variable.other.predefined.perl, keyword.operator.comparison.perl | #ef508b | — |
| support.function.perl | #66d9ef | — |
| comment.line.number-sign.perl | #696969 | italic |
| punctuation.definition.string.begin.perl, punctuation.definition.string.end.perl | #ffffff | — |
| constant.character.escape.perl | #dc322f | — |
| constant.language.ruby, constant.numeric.ruby | #ae81ff | — |
| punctuation.definition.variable.ruby | #ffc140 | |
| meta.function.method.with-arguments.ruby | #aee837 | — |
| variable.language.ruby | #ffffff | — |
| entity.name.function.ruby | #ffc140 | bold |
| keyword.control.ruby, keyword.control.def.ruby | #aee837 | bold |
| keyword.control.class.ruby, meta.class.ruby | #aee837 | bold |
| entity.name.type.class.ruby | #66d9ef | — |
| keyword.control.ruby | #aee837 | — |
| support.class.ruby | #66d9ef | |
| keyword.other.special-method.ruby | #aee837 | bold |
| variable.other.constant.ruby | #66d9ef | |
| constant.other.symbol.ruby | #f6f080 | |
| punctuation.section.embedded.ruby, punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby | #ff4083 | — |
| keyword.other.special-method.ruby | #ef508b | — |
| text.html.markdown | #ffffff | — |
| text.html.markdown markup.raw.inline | #ec3333 | — |
| text.html.markdown meta.dummy.line-break | #e0eddd | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #ffa940 | |
| markup.italic | #ef5088 | italic |
| markup.bold | #ff4083 | bold |
| markup.underline | #aee837 | underline |
| markup.quote, punctuation.definition.blockquote.markdown | #66d9ef | italic |
| markup.quote | #66d9ef | italic |
| string.other.link.title.markdown | #66d9ef | underline |
| markup.raw.block | #ae81ff | — |
| punctuation.definition.list_item.markdown | #ffffff | — |
| markup.raw.block.fenced.markdown | #ffffff | — |
| punctuation.definition.fenced.markdown, variable.language.fenced.markdown | #595959 | — |
| variable.language.fenced.markdown | #707070 | |
| meta.separator | #ffffff33 | bold |
| markup.table | #b42a1d | — |
| other.package.exclude, other.remove | #ec3333 | |
| support.function.builtin.shell | #aee837 | — |
| variable.other.normal.shell | #66d9ef | — |
| source.shell | #ffffff | |
| meta.scope.for-in-loop.shell, variable.other.loop.shell | #ffa940 | |
| entity.name.function.shell | #aee837 | |
| punctuation.definition.string.end.shell, punctuation.definition.string.begin.shell | #ffffff | |
| meta.scope.case-block.shell, meta.scope.case-body.shell | #ffa940 | |
| punctuation.definition.logical-expression.shell | #ffffff | |
| comment.line.number-sign.shell | #707070 | italic |
| comment.line.number-sign.makefile | #707070 | |
| punctuation.definition.comment.makefile | #707070 | |
| variable.other.makefile | #ff4083 | |
| entity.name.function.makefile | #aee837 | |
| meta.function.makefile | #66d9ef | |
| markup.deleted.git_gutter | #ff4083 | — |
| markup.inserted.git_gutter | #aee837 | — |
| markup.changed.git_gutter | #967EFB | — |
| markup.ignored.git_gutter | #565656 | — |
| markup.untracked.git_gutter | #565656 | — |
| sublimelinter.annotations | #333333 | — |
| sublimelinter.outline.illegal | #FFFFFF | — |
| sublimelinter.underline.illegal | — | — |
| sublimelinter.outline.warning | #FFFFFF | — |
| sublimelinter.underline.warning | — | — |
| sublimelinter.outline.violation | #FFFFFF | — |
| sublimelinter.underline.violation | — | — |
| constant.numeric.line-number.find-in-files - match | #AE81FFA0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| sublimelinter.mark.error | #D02000 | — |
| sublimelinter.mark.warning | #eac100 | — |
| sublimelinter.gutter-mark | #FFFFFF | — |
| keyword.control.catch-exception | — | bold |
| keyword.control.new | — | bold |
| meta.documentation.tag keyword.other.documentation | — | bold |
| comment.block.documentation | #9f9f9f | — |
| meta.directive.link | — | bold |
| keyword.control | — | bold |
| storage.type.return-type.primitive, storage.type.primitive | #ffef64 | |
| meta.function-call - punctuation - meta.function-call.arguments - variable | — | bold |
| punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json | #aee837 | bold |
| punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json | #ff4083 | — |
| punctuation.definition.array.begin.json, punctuation.definition.array.end.json | #66d9ef | bold |
| string.quoted.double.json | #fff | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...