Theme set 1

Color themes

• 

  blue

• 

  gameboy pocket

• 

  green

• 

  light purple

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.

• editor.activityBar.background#00fb00
• editor.activityBar.foreground#FFFFFF
• editor.activityBar.peekView.background#00fb00
• editor.activityBar.peekView.foreground#FFFFFF
• editor.activityBar.peekView.titleBar.activeBackground#C792EA
• editor.activityBar.peekView.titleBar.inactiveBackground#FFCB6B
• editor.activityBar.peekView.titleBar.noFolderBackground#00fb00
• editor.activityBar.peekView.titleBar.noFolderForeground#FFFFFF
• editor.activityBar.titleBar.activeBackground#C792EA
• editor.activityBar.titleBar.inactiveBackground#FFCB6B
• editor.background#00fb00
• editor.diff.insertedTextBackground#C792EA
• editor.diff.removedTextBackground#FF5370
• editor.findHighlightBackground#F78C6C
• editor.findMatchHighlightBackground#FF5370
• editor.foreground#FFFFFF
• editor.lineHighlightBackground#00fb00
• editor.minimap.background#00fb00
• editor.minimap.findHighlightBackground#FF5370
• editor.minimap.findMatchHighlightBackground#F78C6C
• editor.minimap.grid.background#00fb00
• editor.minimap.grid.foreground#FFFFFF
• editor.minimap.selectionBackground#C792EA
• editor.selectionBackground#C792EA
• editor.statusBar.background#00fb00
• editor.statusBar.debugging.background#00fb00
• editor.statusBar.debugging.breakpointsBackground#C792EA
• editor.statusBar.debugging.breakpointsForeground#FFFFFF
• editor.statusBar.debugging.currentLineBackground#C792EA
• editor.statusBar.debugging.currentLineForeground#FFFFFF
• editor.statusBar.debugging.foreground#FFFFFF
• editor.statusBar.debugging.stackFrameHighlightBackground#C792EA
• editor.statusBar.debugging.stackFrameHighlightForeground#FFFFFF
• editor.statusBar.debugging.variablesBackground#C792EA
• editor.statusBar.debugging.variablesForeground#FFFFFF
• editor.statusBar.foreground#FFFFFF
• editor.statusBar.noFolderBackground#00fb00
• editor.statusBar.noFolderForeground#FFFFFF
• editor.tab.activeBackground#C792EA
• editor.tab.inactiveBackground#FFCB6B
• editor.terminal.background#00fb00
• editor.terminal.cursorBackground#FFFFFF
• editor.terminal.cursorForeground#00fb00
• editor.terminal.findHighlightBackground#F78C6C
• editor.terminal.findMatchHighlightBackground#FF5370
• editor.terminal.foreground#FFFFFF
• editor.terminal.selectionBackground#C792EA
• editor.tokenColorCustomizations#00ffde
• editor.wordHighlightBackground#C17E70
• text#4286f4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).