Skip to main content
Coding Theme

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.

keyHEXRGBRGBA
editor.activityBar.background
editor.activityBar.foreground
editor.activityBar.peekView.background
editor.activityBar.peekView.foreground
editor.activityBar.peekView.titleBar.activeBackground
editor.activityBar.peekView.titleBar.inactiveBackground
editor.activityBar.peekView.titleBar.noFolderBackground
editor.activityBar.peekView.titleBar.noFolderForeground
editor.activityBar.titleBar.activeBackground
editor.activityBar.titleBar.inactiveBackground
editor.background
editor.diff.insertedTextBackground
editor.diff.removedTextBackground
editor.findHighlightBackground
editor.findMatchHighlightBackground
editor.foreground
editor.lineHighlightBackground
editor.minimap.background
editor.minimap.findHighlightBackground
editor.minimap.findMatchHighlightBackground
editor.minimap.grid.background
editor.minimap.grid.foreground
editor.minimap.selectionBackground
editor.selectionBackground
editor.statusBar.background
editor.statusBar.debugging.background
editor.statusBar.debugging.breakpointsBackground
editor.statusBar.debugging.breakpointsForeground
editor.statusBar.debugging.currentLineBackground
editor.statusBar.debugging.currentLineForeground
editor.statusBar.debugging.foreground
editor.statusBar.debugging.stackFrameHighlightBackground
editor.statusBar.debugging.stackFrameHighlightForeground
editor.statusBar.debugging.variablesBackground
editor.statusBar.debugging.variablesForeground
editor.statusBar.foreground
editor.statusBar.noFolderBackground
editor.statusBar.noFolderForeground
editor.tab.activeBackground
editor.tab.inactiveBackground
editor.terminal.background
editor.terminal.cursorBackground
editor.terminal.cursorForeground
editor.terminal.findHighlightBackground
editor.terminal.findMatchHighlightBackground
editor.terminal.foreground
editor.terminal.selectionBackground
editor.tokenColorCustomizations
editor.wordHighlightBackground
text

tokenColors

Foregrounds this theme assigns to the token scope catalog. A rule with only a font style is skipped, and a longer matching scope wins. Italic and bold rules are not listed — the preview above shows them in the code.

This theme does not set foregrounds for these scopes.