Leftish

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#ecf2f2
• activityBar.border#3e828126
• activityBar.foreground#3e8281
• activityBarBadge.background#55bbaa
• activityBarBadge.foreground#ffffff
• button.background#55bbaa
• calva.inlineForegroundColor#55bbaa
• diffEditor.insertedTextBackground#72dec171
• diffEditor.removedTextBackground#ff77773f
• editor.background#ffffff
• editor.findMatchBackground#ffb45d
• editor.findMatchHighlightBackground#ffb35d54
• editor.foreground#333333
• editor.hoverHighlightBackground#72dec139
• editor.lineHighlightBackground#ecf2f281
• editor.rangeHighlightBackground#72dec139
• editor.selectionBackground#72dec2
• editor.symbolHighlightBackground#72dec139
• editor.wordHighlightBackground#72dec139
• editor.wordHighlightStrongBackground#72dec139
• editorCursor.foreground#55bbaa
• editorError.foreground#ff7777
• editorGroupHeader.noTabsBackground#ecf2f2
• editorGroupHeader.tabsBackground#ecf2f2
• editorGutter.addedBackground#72dec2
• editorGutter.modifiedBackground#0e1815
• editorInfo.foreground#55bbaa
• editorLineNumber.activeForeground#333333
• editorLineNumber.foreground#bbbbbb
• editorLink.activeForeground#3e8281
• editorSuggestWidget.background#ffffff
• editorSuggestWidget.border#bbbbbb
• editorSuggestWidget.focusHighlightForeground#ffffff
• editorSuggestWidget.highlightForeground#333333
• editorSuggestWidget.selectedBackground#55bbaa
• editorSuggestWidget.selectedForeground#ffffff
• editorWarning.foreground#55bbaa
• editorWidget.background#ffffff
• editorWidget.border#bbbbbb
• editorWidget.foreground#333333
• focusBorder#3e828126
• foreground#333333
• gitDecoration.addedResourceForeground#3e8281
• gitDecoration.conflictingResourceForeground#ff7777
• gitDecoration.deletedResourceForeground#3e8281
• gitDecoration.modifiedResourceForeground#3e8281
• gitDecoration.renamedResourceForeground#3e8281
• gitDecoration.stageDeletedResourceForeground#3e8281
• gitDecoration.stageModifiedResourceForeground#3e8281
• gitDecoration.submoduleResourceForeground#3e8281
• gitDecoration.untrackedResourceForeground#3e8281
• icon.foreground#3e8281
• list.activeSelectionBackground#55bbaa
• list.activeSelectionForeground#ffffff
• list.errorForeground#3e8281
• list.focusHighlightForeground#ffffff
• list.highlightForeground#333333
• list.hoverBackground#3e828126
• list.inactiveSelectionBackground#ecf2f2
• list.invalidItemForeground#55bbaa
• list.warningForeground#55bbaa
• minimap.errorHighlight#ff7777
• minimap.findMatchHighlight#ffb35d54
• minimap.selectionHighlight#72dec18b
• minimap.selectionOccurrenceHighlight#72dec18b
• minimap.warningHighlight#55bbaa86
• panel.background#ecf2f2
• peekView.border#ffffff
• peekViewEditor.background#ecf2f2
• peekViewEditor.matchHighlightBackground#ffb35d54
• peekViewResult.background#3e828126
• peekViewResult.fileForeground#333333
• peekViewResult.lineForeground#333333
• peekViewResult.matchHighlightBackground#ffb35d54
• peekViewResult.selectionForeground#333333
• peekViewTitle.background#d2e1e1
• peekViewTitleLabel.foreground#333333
• quickInput.foreground#333333
• quickInputList.focusBackground#55bbaa
• quickInputList.focusForeground#ffffff
• quickInputList.focusIconForeground#ffffff
• selection.background#72dec2
• sideBar.background#ecf2f2
• sideBar.border#3e828126
• sideBarSectionHeader.background#3e828126
• statusBar.background#ecf2f2
• statusBar.debuggingBackground#55bbaa
• statusBar.debuggingForeground#333333
• statusBar.foreground#333333
• statusBar.noFolderBackground#55bbaa
• statusBar.noFolderForeground#333333
• tab.activeBackground#ffffff
• tab.border#ffffff
• tab.inactiveBackground#ecf2f2
• terminal.ansiBlack#000000
• terminal.ansiBlue#0088bf
• terminal.ansiBrightBlack#949b9e
• terminal.ansiBrightBlue#219df0
• terminal.ansiBrightCyan#72dec2
• terminal.ansiBrightGreen#77cc99
• terminal.ansiBrightMagenta#d73cd7
• terminal.ansiBrightRed#ff7777
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#eac100
• terminal.ansiCyan#00b2b0
• terminal.ansiGreen#00a368
• terminal.ansiMagenta#9b73de
• terminal.ansiRed#c40233
• terminal.ansiWhite#cccccc
• terminal.ansiYellow#e16b1a
• terminal.background#233035
• terminal.foreground#ffffff
• terminalCursor.background#72dec2
• terminalCursor.foreground#72dec2
• textBlockQuote.background#ffffff
• textBlockQuote.border#3e828126
• textCodeBlock.background#3e828126
• textLink.activeForeground#55bbaa
• textLink.foreground#55bbaa
• textPreformat.background#3e828126
• textPreformat.foreground#333333

tokenColors

TextMate scopes and font styles (syntax highlighting rules).