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#000000
- activityBar.foreground#f0f0f0
- activityBarBadge.background#000000
- activityBarBadge.foreground#f0f0f0
- editor.background#000000
- editor.foreground#BEBABA
- editor.lineHighlightBackground#FFFFFF1A
- editor.selectionBackground#DDF0FF33
- editor.selectionHighlightBackground#DDF0FF33
- editorGroupHeader.tabsBackground#000000
- panel.background#000000
- panel.border#000000
- sideBar.background#000000
- sideBar.foreground#f0f0f0
- sideBarTitle.foreground#eeeeee
- statusBar.background#000000
- statusBar.debuggingBackground#000000
- statusBar.debuggingForeground#212121
- statusBar.noFolderBackground#000000
- tab.activeBackground#000000
- tab.inactiveBackground#0f0f0f
- terminal.ansiBlack#000000
- terminal.ansiBlue#4a88e4
- terminal.ansiBrightBlack#777777
- terminal.ansiBrightBlue#6f8fdb
- terminal.ansiBrightCyan#4ac9e2
- terminal.ansiBrightGreen#71ADE7
- terminal.ansiBrightMagenta#e987e9
- terminal.ansiBrightRed#f36868
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#f0bf7a
- terminal.ansiCyan#23acdd
- terminal.ansiGreen#73ca50
- terminal.ansiMagenta#915caf
- terminal.ansiRed#e25d56
- terminal.ansiWhite#cecece
- terminal.ansiYellow#e9bf57
- terminal.background#000000
- titleBar.activeBackground#000000
- titleBar.inactiveBackground#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #448C27 | — |
| string, string.regexp, constant.other.symbol | #8DB18A | — |
| constant.character.escape | #cecece | — |
| constant.numeric, constant.character, constant.keyword, constant | #ea9a97 | — |
| entity.name, meta.function-call.generic | #286983 | — |
| keyword.control | #56949f | — |
| punctuation | #708B8D | — |
| invalid | #c33 | — |
| meta.diff.range, meta.diff.index, meta.separator | #bbbbbb | — |
| meta.diff.header.from-file | #bbbbbb | — |
| meta.diff.header.to-file | #bbbbbb | — |