Enough

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.activeBorder#ffffffde
• activityBar.background#1E1E1E
• activityBar.dropBackground#2E2E2E
• activityBar.foreground#ffffffde
• activityBarBadge.background#2E2E2E
• activityBarBadge.foreground#ffffff99
• badge.background#2E2E2E
• badge.foreground#ffffffde
• breadcrumb.activeSelectionForeground#ffffffde
• breadcrumb.focusForeground#ffffff99
• breadcrumb.foreground#ffffff61
• breadcrumbPicker.background#1E1E1E
• button.background#ffffff99
• button.foreground#1E1E1E
• button.hoverBackground#ffffffde
• debugExceptionWidget.background#1E1E1E
• debugExceptionWidget.border#353535
• debugToolBar.background#272727
• debugToolBar.border#272727
• diffEditor.insertedTextBackground#B5BD6861
• diffEditor.removedTextBackground#CC666661
• dropdown.background#272727
• dropdown.border#272727
• dropdown.foreground#ffffffde
• dropdown.listBackground#272727
• editor.background#1E1E1E
• editor.findMatchBackground#353535
• editor.findMatchBorder#353535
• editor.findMatchHighlightBackground#272727
• editor.findMatchHighlightBorder#272727
• editor.findRangeHighlightBackground#272727
• editor.findRangeHighlightBorder#272727
• editor.foreground#ffffffde
• editor.hoverHighlightBackground#27272799
• editor.lineHighlightBackground#27272761
• editor.selectionBackground#353535
• editor.selectionHighlightBackground#272727
• editorCursor.background#1E1E1E
• editorCursor.foreground#ffffffde
• editorError.foreground#CC6666
• editorGroup.border#353535
• editorGroup.dropBackground#2E2E2E
• editorGroupHeader.tabsBackground#1E1E1E
• editorGutter.addedBackground#B5BD68
• editorGutter.background#1E1E1E
• editorGutter.deletedBackground#CC6666
• editorGutter.modifiedBackground#F0C674
• editorHoverWidget.background#1E1E1E
• editorHoverWidget.border#353535
• editorIndentGuide.activeBackground#2E2E2E
• editorIndentGuide.background#272727
• editorInfo.foreground#81A2BE
• editorLineNumber.foreground#2E2E2E
• editorLink.activeForeground#81A2BE
• editorOverviewRuler.addedForeground#B5BD68
• editorOverviewRuler.deletedForeground#CC6666
• editorOverviewRuler.errorForeground#CC6666
• editorOverviewRuler.findMatchForeground#27272761
• editorOverviewRuler.infoForeground#81A2BE
• editorOverviewRuler.modifiedForeground#F0C674
• editorOverviewRuler.rangeHighlightForeground#27272761
• editorOverviewRuler.selectionHighlightForeground#27272761
• editorOverviewRuler.warningForeground#F0C674
• editorOverviewRuler.wordHighlightForeground#27272761
• editorOverviewRuler.wordHighlightStrongForeground#27272761
• editorRuler.foreground#272727
• editorSuggestWidget.background#1E1E1E
• editorSuggestWidget.border#353535
• editorSuggestWidget.foreground#ffffffde
• editorSuggestWidget.highlightForeground#ffffff61
• editorSuggestWidget.selectedBackground#2E2E2E
• editorWarning.foreground#F0C674
• editorWidget.background#1E1E1E
• editorWidget.border#353535
• editorWidget.foreground#ffffffde
• editorWidget.resizeBorder#2E2E2E
• errorForeground#CC6666
• extensionButton.prominentBackground#ffffff99
• extensionButton.prominentForeground#1E1E1E
• extensionButton.prominentHoverBackground#ffffffde
• focusBorder#2E2E2E
• foreground#ffffffde
• gitDecoration.deletedResourceForeground#CC6666
• gitDecoration.modifiedResourceForeground#F0C674
• gitDecoration.untrackedResourceForeground#B5BD68
• icon.foreground#ffffffde
• input.background#272727
• input.border#272727
• input.foreground#ffffffde
• input.placeholderForeground#ffffff61
• inputOption.activeBackground#2E2E2E
• inputOption.activeBorder#2E2E2E
• inputValidation.errorBackground#CC6666
• inputValidation.errorBorder#CC6666
• inputValidation.errorForeground#ffffffde
• inputValidation.infoBackground#81A2BE
• inputValidation.infoBorder#81A2BE
• inputValidation.infoForeground#ffffffde
• inputValidation.warningBackground#F0C674
• inputValidation.warningBorder#F0C674
• inputValidation.warningForeground#ffffffde
• list.activeSelectionBackground#272727
• list.activeSelectionForeground#ffffffde
• list.errorForeground#CC6666
• list.filterMatchBackground#353535
• list.filterMatchBorder#353535
• list.focusBackground#272727
• list.focusForeground#ffffffde
• list.highlightForeground#ffffff99
• list.hoverBackground#353535
• list.hoverForeground#ffffffde
• list.inactiveSelectionBackground#272727
• list.inactiveSelectionForeground#ffffffde
• list.invalidItemForeground#CC6666
• list.warningForeground#F0C674
• listFilterWidget.background#81A2BE
• listFilterWidget.noMatchesOutline#81A2BE
• listFilterWidget.outline#81A2BE
• minimap.findMatchHighlight#81A2BE
• minimap.selectionHighlight#ffffffde
• panel.background#1E1E1E
• panel.border#2E2E2E
• panelTitle.activeForeground#ffffffde
• panelTitle.inactiveForeground#353535
• scrollbar.shadow#00000061
• scrollbarSlider.activeBackground#27272761
• scrollbarSlider.background#272727de
• scrollbarSlider.hoverBackground#27272799
• selection.background#ffffffde
• sideBar.background#1E1E1E
• sideBar.border#2E2E2E
• sideBar.foreground#ffffff99
• sideBarSectionHeader.background#1E1E1E
• sideBarSectionHeader.foreground#ffffffde
• sideBarTitle.foreground#2E2E2E
• statusBar.background#272727
• statusBar.border#272727
• statusBar.debuggingBackground#272727
• statusBar.debuggingBorder#F0C674
• statusBar.debuggingForeground#ffffffde
• statusBar.foreground#ffffffde
• statusBar.noFolderBackground#272727
• statusBar.noFolderBorder#272727
• statusBar.noFolderForeground#ffffffde
• tab.activeBackground#272727
• tab.activeForeground#ffffffde
• tab.border#1E1E1E
• tab.hoverBackground#353535
• tab.inactiveBackground#1E1E1E
• tab.inactiveForeground#ffffff61
• terminal.ansiBlack#1E1E1E
• terminal.ansiBlue#81A2BE
• terminal.ansiBrightBlack#1E1E1E
• terminal.ansiBrightBlue#81A2BE
• terminal.ansiBrightCyan#8ABEB7
• terminal.ansiBrightGreen#B5BD68
• terminal.ansiBrightMagenta#B294BB
• terminal.ansiBrightRed#CC6666
• terminal.ansiBrightWhite#ffffffde
• terminal.ansiBrightYellow#F0C674
• terminal.ansiCyan#8ABEB7
• terminal.ansiGreen#B5BD68
• terminal.ansiMagenta#B294BB
• terminal.ansiRed#CC6666
• terminal.ansiWhite#ffffffde
• terminal.ansiYellow#F0C674
• textLink.activeForeground#81A2BE
• textLink.foreground#81A2BE
• widget.shadow#00000061
• window.activeBorder#1E1E1E
• window.inactiveBorder#1E1E1E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).