Left Theme

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#e0e0e0
• activityBar.border#e0e0e0
• activityBar.foreground#222222
• activityBar.inactiveForeground#777777
• chat.checkpointSeparator#e0e0e0
• chat.requestBorder#e0e0e0
• chat.requestCodeBorder#e0e0e0
• chatManagement.sashBorder#e0e0e0
• descriptionForeground#555555
• dropdown.background#e0e0e0
• dropdown.border#bcbcbc
• dropdown.foreground#222222
• editor.background#e0e0e0
• editor.border#e0e0e0
• editor.foreground#222222
• editor.inactiveSelectionBackground#d2d2d2
• editor.lineHighlightBackground#e0e0e0
• editor.selectionBackground#c8c8c8
• editorCursor.foreground#222222
• editorGroup.border#e0e0e0
• editorGroupHeader.border#e0e0e0
• editorGroupHeader.tabsBackground#e0e0e0
• editorGroupHeader.tabsBorder#e0e0e0
• editorIndentGuide.activeBackground1#8a8a8a
• editorIndentGuide.background1#c5c5c5
• editorLineNumber.activeForeground#222222
• editorLineNumber.foreground#8a8a8a
• editorWhitespace.foreground#bcbcbc
• errorForeground#222222
• focusBorder#e0e0e0
• foreground#222222
• input.background#e0e0e0
• input.border#bcbcbc
• input.foreground#222222
• list.activeSelectionBackground#c8c8c8
• list.activeSelectionForeground#222222
• list.focusBackground#c8c8c8
• list.focusForeground#222222
• list.hoverBackground#d4d4d4
• list.hoverForeground#222222
• list.inactiveSelectionBackground#d2d2d2
• list.inactiveSelectionForeground#222222
• menu.background#e0e0e0
• menu.foreground#222222
• menu.selectionBackground#c8c8c8
• menu.selectionForeground#222222
• modernActivityBar.background#e0e0e0
• modernActivityBar.border#e0e0e0
• modernActivityBar.inactiveBackground#e0e0e0
• panel.background#e0e0e0
• panel.border#e0e0e0
• panelSection.border#e0e0e0
• panelSectionHeader.border#e0e0e0
• panelTitle.activeForeground#222222
• panelTitle.border#e0e0e0
• panelTitle.inactiveForeground#555555
• quickInput.background#e0e0e0
• quickInput.foreground#222222
• sash.hoverBorder#e0e0e0
• scrollbarSlider.activeBackground#55555588
• scrollbarSlider.background#9c9c9c88
• scrollbarSlider.hoverBackground#77777788
• sideBar.background#e0e0e0
• sideBar.border#e0e0e0
• sideBar.foreground#222222
• sideBarSectionHeader.background#e0e0e0
• sideBarSectionHeader.border#e0e0e0
• sideBarSectionHeader.foreground#222222
• sideBarTitle.border#e0e0e0
• sideBarTitle.foreground#222222
• statusBar.background#e0e0e0
• statusBar.border#e0e0e0
• statusBar.debuggingBackground#e0e0e0
• statusBar.debuggingBorder#e0e0e0
• statusBar.foreground#222222
• statusBar.noFolderBackground#e0e0e0
• statusBar.noFolderBorder#e0e0e0
• surface.border#e0e0e0
• tab.activeBackground#e0e0e0
• tab.activeBorder#e0e0e0
• tab.activeForeground#222222
• tab.border#e0e0e0
• tab.inactiveBackground#e0e0e0
• tab.inactiveForeground#555555
• terminal.ansiBlack#222222
• terminal.ansiBlue#4a4a4a
• terminal.ansiCyan#484848
• terminal.ansiGreen#3a3a3a
• terminal.ansiMagenta#505050
• terminal.ansiRed#444444
• terminal.ansiWhite#e0e0e0
• terminal.ansiYellow#555555
• terminal.background#e0e0e0
• terminal.border#e0e0e0
• terminal.foreground#222222
• terminalCursor.foreground#222222
• titleBar.activeBackground#e0e0e0
• titleBar.activeForeground#222222
• titleBar.border#e0e0e0
• titleBar.inactiveBackground#e0e0e0
• titleBar.inactiveForeground#555555
• tree.indentGuidesStroke#c5c5c5
• widget.border#e0e0e0
• widget.shadow#00000000
• window.activeBorder#e0e0e0
• window.inactiveBorder#e0e0e0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).