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#f5f6f4
- editor.foreground#202020
- editor.lineHighlightBackground#e0e0e0
- editor.selectionBackground#e0e0e0
- editorCursor.foreground#000000
- editorWhitespace.foreground#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #202020 | — |
| comment | #aeb6c6 | italic |
| string | #53521d | — |
| constant.numeric | #363636 | — |
| constant.language | #192770 | bold |
| constant.character, constant.other | #56B6C2 | bold |
| variable | #414c5c | — |
| keyword | #091e42 | italic bold |
| storage | #091e42 | italic bold |
| storage.type | #091e42 | italic bold |
| entity.name.class | #E5C07B | |
| entity.other.inherited-class | #3c3c3c | italic underline |
| entity.name.function | #202020 | bold |
| variable.parameter | #ABB2BF | |
| entity.name.tag | #E06C75 | — |
| entity.other.attribute-name | #D19A66 | italic |
| support.function | #239a6c | bold |
| support.constant | #D19A66 | |
| support.type, support.class | #E06C75 | |
| support.other.variable | — | |
| invalid | #abcd36 | |
| invalid.deprecated | #523D14 | — |
| meta.structure.dictionary.json string.quoted.double.json | #98C379 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #F92672 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #AE81FF | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...