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.
- activityBar.activeBackground#1d2433
- activityBar.activeBorder#ff6b45
- activityBar.background#141a27
- activityBar.foreground#e6d5c4
- activityBarBadge.background#ff6b45
- activityBarBadge.foreground#ffffff
- editor.background#1d2433
- editor.findMatchBackground#cc4b35
- editor.findMatchHighlightBackground#cc4b3580
- editor.foreground#f0e6d8
- editor.lineHighlightBackground#252d3d
- editor.selectionBackground#cc4b35cc
- editor.selectionHighlightBackground#cc4b35aa
- editor.wordHighlightBackground#cc4b357a
- foreground#f0e6d8
- list.activeSelectionBackground#252d3d
- list.activeSelectionForeground#ffe6d4
- list.highlightForeground#ff6b45
- list.hoverBackground#252d3d66
- sideBar.background#171d2b
- statusBar.background#141a27
- statusBar.debuggingBackground#ff6b45
- statusBar.foreground#c4b5a5
- statusBar.noFolderBackground#4d78cc
- tab.activeBackground#1d2433
- tab.activeBorderTop#ff6b45
- tab.activeForeground#ffe6d4
- tab.inactiveBackground#171d2b
- tab.inactiveForeground#c4b5a5
- titleBar.activeBackground#141a27
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| string, string.quoted, string.template, string.regexp | #7ed0a3 | — |
| keyword, keyword.control, keyword.operator, storage.type, storage.modifier | #ff8f45 | — |
| variable, variable.other, variable.parameter, variable.language | #5ccdff | — |
| source.python variable, source.python variable.parameter, source.python variable.other | #3deeff | — |
| source.python support.type, source.python support.class, source.python entity.name.type | #ff8f45 | — |
| source.python meta.function-call, source.python support.function | #ff6b45 | — |
| source.python constant, source.python constant.numeric | #ffcb6b | — |
| entity.name.function, support.function, meta.function-call, variable.function | #ff6b45 | — |
| constant, constant.numeric, constant.language, constant.character, constant.other | #ff9e45 | — |
| support.type, entity.name.type, entity.other.inherited-class, support.class | #45b3ff | — |
| comment, comment.line, comment.block | #8b97a9 | italic |
| entity.name.tag, punctuation.definition.tag | #ff8f45 | — |
| entity.other.attribute-name | #ffcb6b | — |
| markup.heading, markup.bold, markup.italic | #ff6b45 | — |
| markup.list, markup.quote | #7ed0a3 | — |
| meta.object-literal.key, support.type.property-name | #ffcb6b | — |
| meta.decorator, meta.decorator entity.name.function | #45b3ff | — |
| punctuation.definition.template-expression | #ff8f45 | — |
| text.plain, text.plain.null-grammar | #f0e6d8 | — |
| text.plain.url, text.plain.link | #45b3ff | — |
| text.plain.number, text.plain.numeric | #ff9e45 | — |
| text.plain.email, text.plain.email-address | #7ed0a3 | — |
| text.plain.path, text.plain.file-path | #ffcb6b | — |
| text.plain.date, text.plain.time | #ff6b45 | — |
| keyword.control.import.python, keyword.control.from.python, keyword.control.as.python | #ff8f45 | — |
| source.python meta.import.python meta.qualified-name.python support.other.module.python | #7ed0a3 | — |
| source.python meta.import.python meta.qualified-name.python meta.generic-name.python | #5ccdff | — |