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#ffffff
- editor.foreground#000000
- editor.inactiveSelectionBackground#e5ebf1
- editor.selectionHighlightBackground#add6ff80
- editorIndentGuide.activeBackground#939393
- editorIndentGuide.background#d3d3d3
- editorSuggestWidget.background#f3f3f3
- input.placeholderForeground#767676
- list.hoverBackground#e8e8e8
- notebook.cellBorderColor#e8e8e8
- notebook.selectedCellBackground#c8ddf150
- ports.iconRunningProcessForeground#369432
- searchEditor.textInputBorder#cecece
- settings.numberInputBorder#cecece
- settings.textInputBorder#cecece
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#61616130
- sideBarTitle.foreground#6f6f6f
- statusBarItem.errorBackground#c72e0f
- statusBarItem.remoteBackground#16825d
- statusBarItem.remoteForeground#ffffff
- tab.lastPinnedBorder#61616130
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| meta.diff.header | #000080 | — |
| comment | #008000 | — |
| markup.underline | — | underline |
| markup.bold | #000080 | bold |
| markup.heading | #800000 | bold |
| markup.italic | — | italic |
| markup.inserted | #098658 | — |
| markup.deleted | #A31515 | — |
| markup.changed | #0451A5 | — |
| punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown | #0451A5 | — |
| markup.inline.raw | #800000 | — |
| meta.template.expression | #000000 | — |
| keyword.operator | #000000 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #000000 | — |
| entity.name.label | #000000 | — |
| comment | #306030 | — |
| punctuation.definition.comment | #306030 | — |
| string | #404040 | — |
| meta.embedded.assembly | #404040 | — |
| keyword - keyword.operator | #606060 | — |
| keyword.control | #606060 | — |
| storage | #606060 | — |
| storage.type | #606060 | — |
| constant.numeric | #404040 | — |
| entity.name.type | #606060 | — |
| entity.name.class | #606060 | — |
| support.type | #606060 | — |
| support.class | #606060 | — |
| entity.name.function | #202020 | — |
| support.function | #202020 | — |
| variable | #202020 | — |
| entity.name.variable | #202020 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...