Jay's Theme
Publisher: JayDoesJSThemes in package: 1
Theme for HTML, CSS, and JavaScript.
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- editor.background#121212
- editorBracketHighlight.foreground1#FFF
- editorBracketHighlight.foreground2#FFF
- editorBracketHighlight.foreground3#FFF
- editorBracketHighlight.foreground4#FFF
- editorBracketHighlight.foreground5#FFF
- editorBracketHighlight.foreground6#FFF
- editorBracketHighlight.unexpectedBracket.foreground#FFF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| constant, meta.delimiter.decimal | #FF2D73 | — |
| constant.language.undefined.js, constant.language.null.js | #FFC308 | — |
| string, punctuation.definition.string | #FF7F25 | — |
| comment, punctuation.definition.comment | #979797 | — |
| meta, punctuation | #FFF | — |
| keyword, storage.modifier, storage.type.class | #50E340 | — |
| meta.var.expr | #4DF9C2 | — |
| storage.type.function, storage.type.property | #FFC308 | — |
| variable, variable.other.object, meta.definition.variable, support.variable.property | #FFF | — |
| meta.definition, meta.class, meta.function-call | #2AC2FF | — |
| keyword.control.import, keyword.control.export, keyword.control.from, variable.language.this.js, constant.character.escape.js | #FF24E7 | — |
| support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #50E340 | — |
| text.html | #FFF | — |
| punctuation.definition.tag | #2AC2FF | — |
| entity.name.tag, support.class.component | #50E340 | — |
| entity.other.attribute-name | #FFC308 | — |
| punctuation.separator.key-value.html | #2AC2FF | — |
| meta.tag.metadata.style entity.name.tag.html, meta.tag.metadata.script entity.name.tag.html | #FF2D73 | — |
| meta.tag.metadata.doctype.html punctuation.definition.tag, meta.tag.metadata.doctype.html entity.other.attribute-name.html, meta.tag.metadata.doctype.html entity.name.tag.html | #979797 | — |
| entity.name.tag.css | #50E340 | — |
| support.type.property-name.css | #4DF9C2 | — |
| punctuation.separator.key-value.css | #FFF | — |
| constant.numeric.css, constant.other.color.rgb-value.hex.css, entity.other.keyframe-offset.percentage.css, keyword.other.unit, punctuation.definition.constant.css, support.constant.color.current.css, support.constant.color.w3c-standard-color-name.css, support.constant.font-name.css, support.constant.property-value.css | #FF2D73 | — |
| punctuation.definition.entity.css, entity.other.attribute-name.id.css | #2AC2FF | — |
| entity.other.attribute-name.css | #FF7F25 | — |
| punctuation.definition.entity.begin.bracket.square, punctuation.definition.entity.end.bracket.square | #FF6DFA | — |
| punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css | #2AC2FF | — |
| punctuation.definition.keyword.css, keyword.control.at-rule.media.css, meta.at-rule.media.header.css, meta.at-rule.media.header.css punctuation.separator.key-value.css, punctuation.definition.parameters.begin.bracket.round.css, punctuation.definition.parameters.end.bracket.round.css, support.constant.media.css, keyword.control.at-rule.keyframes.css, variable.parameter.keyframe-list.css | #FF24E7 | — |
| entity.other.attribute-name.class.css | #2AC2FF | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #FF24E7 | — |
| support.function.misc.css, support.function.calc.css, support.function.url.css, support.function.gradient.css | #2AC2FF | — |
| variable.argument.css, variable.css | #FF24E7 | — |
| punctuation.separator.list.comma.css | #FF24E7 | — |
| punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.section.keyframes.begin.bracket.curly.css, punctuation.section.keyframes.end.bracket.curly.css | #2AC2FF | — |
| support.type.property-name.media.css | #4DF9C2 | — |
| keyword.other.important.css | #FF24E7 | — |
| support.type.vendored.property-name.css, support.constant.vendored.property-value.css | #979797 | — |
| keyword.operator.combinator.css | #FF24E7 | — |
| meta.selector.css | #2AC2FF | — |
| variable.parameter.url.css | #FF7F25 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...