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.
- activityBar.background#2B2D30
- activityBarBadge.background#007acc
- badge.background#2B2D30
- editor.background#1E1F22
- editor.foreground#A9B7C6
- editor.lineHighlightBackground#2B2D30
- editor.selectionBackground#204182cc
- editorGutter.background#2B2D30
- editorSuggestWidget.background#303030
- editorSuggestWidget.highlightForeground#204182cc
- editorSuggestWidget.selectedBackground#204182cc
- sideBar.background#2B2D30
- sideBar.border#2B2D30
- sideBarSectionHeader.background#2B2D30
- statusBar.background#2B2D30
- statusBar.foreground#A9B7C6
- tab.activeBackground#2B2D30
- tab.activeBorder#0c7d9d
- tab.inactiveBackground#2B2D30
- titleBar.activeBackground#2B2D30
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#2B2D30
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.tag.localname.xml,punctuation.definition.tag.xml | #FFC66D | — |
| text.xml | #A9B7C6 | — |
| entity.name.tag.yaml | #CC7832 | — |