Color Identifiers
Publisher: Matthew NesporThemes in package: 2
Gives each identifier a distinct color.
Color themes
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.
- activityBarBadge.background#007acc
- editor.background#1e1e1e
- editor.foreground#d4d4d4
- editor.inactiveSelectionBackground#3a3d41
- editor.selectionHighlightBackground#add6ff26
- editorIndentGuide.activeBackground#707070
- editorIndentGuide.background#404040
- input.placeholderForeground#a6a6a6
- list.dropBackground#383b3d
- menu.background#252526
- menu.foreground#cccccc
- ports.iconRunningProcessForeground#369432
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#cccccc33
- sideBarTitle.foreground#bbbbbb
- statusBarItem.remoteBackground#16825d
- statusBarItem.remoteForeground#ffffff
- tab.lastPinnedBorder#cccccc33
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| header | #000080 | — |
| comment | #6A9955 | — |
| markup.underline | — | underline |
| markup.bold | #569CD6 | bold |
| markup.heading | #569CD6 | bold |
| markup.italic | — | italic |
| markup.inserted | #B5CEA8 | — |
| markup.deleted | #CE9178 | — |
| markup.changed | #569CD6 | — |
| meta.template.expression | #D4D4D4 | — |
| keyword.operator | #D4D4D4 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #D4D4D4 | — |
| entity.name.label | #C8C8C8 | — |
| comment | #A0B0A0 | — |
| punctuation.definition.comment | #A0B0A0 | — |
| string | #C0C0C0 | — |
| meta.embedded.assembly | #C0C0C0 | — |
| keyword - keyword.operator | #B0B0B0 | — |
| keyword.control | #B0B0B0 | — |
| storage | #B0B0B0 | — |
| storage.type | #B0B0B0 | — |
| constant.numeric | #C0C0C0 | — |
| entity.name.type | #B0B0B0 | — |
| entity.name.class | #B0B0B0 | — |
| support.type | #B0B0B0 | — |
| support.class | #B0B0B0 | — |
| entity.name.function | #D8D8D8 | — |
| support.function | #D8D8D8 | — |
| variable | #D8D8D8 | — |
| entity.name.variable | #D8D8D8 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...