Gruvbit

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#83a598
• activityBar.background#1d2021
• activityBar.border#1d2021
• activityBar.foreground#ebdbb2
• activityBar.inactiveForeground#968772
• activityBarBadge.background#dc9656
• activityBarBadge.foreground#1d2021
• badge.background#dc9656
• badge.foreground#1d2021
• breadcrumb.activeSelectionForeground#ebdbb2
• breadcrumb.focusForeground#ebdbb2
• breadcrumb.foreground#968772
• breadcrumbPicker.background#2d3031
• button.background#444444
• button.foreground#ebdbb2
• button.hoverBackground#968772
• button.secondaryBackground#2d3031
• button.secondaryForeground#ebdbb2
• button.secondaryHoverBackground#444444
• checkbox.background#2d3031
• checkbox.border#444444
• checkbox.foreground#ebdbb2
• commandCenter.activeBackground#444444
• commandCenter.activeForeground#ebdbb2
• commandCenter.background#2d3031
• commandCenter.border#444444
• commandCenter.foreground#ebdbb2
• debugConsole.errorForeground#e9593d
• debugConsole.infoForeground#83a598
• debugConsole.sourceForeground#ebdbb2
• debugConsole.warningForeground#dc9656
• debugConsoleInputIcon.foreground#83a598
• debugExceptionWidget.background#5c3728
• debugExceptionWidget.border#e9593d
• debugToolBar.background#2d3031
• debugToolBar.border#444444
• descriptionForeground#968772
• diffEditor.diagonalFill#2d3031
• diffEditor.insertedLineBackground#3b5e4830
• diffEditor.insertedTextBackground#3b5e4830
• diffEditor.removedLineBackground#5c372830
• diffEditor.removedTextBackground#5c372830
• dropdown.background#2d3031
• dropdown.border#444444
• dropdown.foreground#ebdbb2
• dropdown.listBackground#1d2021
• editor.background#1d2021
• editor.findMatchBackground#8ec07c80
• editor.findMatchBorder#8ec07c
• editor.findMatchHighlightBackground#dc965640
• editor.foldBackground#2d303180
• editor.foreground#ebdbb2
• editor.hoverHighlightBackground#2d303180
• editor.inactiveSelectionBackground#47504860
• editor.lineHighlightBackground#2d303180
• editor.lineHighlightBorder#2d303100
• editor.rangeHighlightBackground#2d303180
• editor.selectionBackground#475048
• editor.selectionHighlightBackground#47504880
• editor.wordHighlightBackground#47504880
• editor.wordHighlightStrongBackground#475048a0
• editorBracketHighlight.foreground1#ebdbb2
• editorBracketHighlight.foreground2#ebdbb2
• editorBracketHighlight.foreground3#ebdbb2
• editorBracketHighlight.foreground4#ebdbb2
• editorBracketHighlight.foreground5#ebdbb2
• editorBracketHighlight.foreground6#ebdbb2
• editorBracketHighlight.unexpectedBracket.foreground#e9593d
• editorBracketMatch.background#00000000
• editorBracketMatch.border#968772
• editorCodeLens.foreground#968772
• editorCursor.foreground#ebdbb2
• editorError.foreground#e9593d
• editorGroup.border#444444
• editorGroup.dropBackground#47504880
• editorGroupHeader.noTabsBackground#1d2021
• editorGroupHeader.tabsBackground#1d2021
• editorGroupHeader.tabsBorder#1d2021
• editorGutter.addedBackground#8ec07c
• editorGutter.deletedBackground#e9593d
• editorGutter.modifiedBackground#83a598
• editorHint.foreground#8ec07c
• editorHoverWidget.background#2d3031
• editorHoverWidget.border#444444
• editorHoverWidget.foreground#ebdbb2
• editorHoverWidget.statusBarBackground#2d3031
• editorIndentGuide.activeBackground1#444444
• editorIndentGuide.background1#2d3031
• editorInfo.foreground#83a598
• editorLineNumber.activeForeground#ebdbb2
• editorLineNumber.foreground#968772
• editorLink.activeForeground#83a598
• editorOverviewRuler.addedForeground#8ec07c
• editorOverviewRuler.border#444444
• editorOverviewRuler.bracketMatchForeground#fe8019
• editorOverviewRuler.commonContentForeground#444444
• editorOverviewRuler.currentContentForeground#8ec07c
• editorOverviewRuler.deletedForeground#e9593d
• editorOverviewRuler.errorForeground#e9593d
• editorOverviewRuler.findMatchForeground#dc9656
• editorOverviewRuler.incomingContentForeground#83a598
• editorOverviewRuler.infoForeground#83a598
• editorOverviewRuler.modifiedForeground#83a598
• editorOverviewRuler.warningForeground#dc9656
• editorRuler.foreground#2d3031
• editorStickyScroll.background#1d2021
• editorStickyScrollHover.background#2d3031
• editorSuggestWidget.background#2d3031
• editorSuggestWidget.border#444444
• editorSuggestWidget.focusHighlightForeground#fabd2f
• editorSuggestWidget.foreground#ebdbb2
• editorSuggestWidget.highlightForeground#fabd2f
• editorSuggestWidget.selectedBackground#475048
• editorSuggestWidget.selectedForeground#ebdbb2
• editorWarning.foreground#dc9656
• editorWhitespace.foreground#444444
• editorWidget.background#2d3031
• editorWidget.border#444444
• editorWidget.foreground#ebdbb2
• editorWidget.resizeBorder#444444
• errorForeground#e9593d
• focusBorder#444444
• foreground#ebdbb2
• gitDecoration.addedResourceForeground#8ec07c
• gitDecoration.conflictingResourceForeground#dc9656
• gitDecoration.deletedResourceForeground#e9593d
• gitDecoration.ignoredResourceForeground#444444
• gitDecoration.modifiedResourceForeground#83a598
• gitDecoration.renamedResourceForeground#8ec07c
• gitDecoration.stageDeletedResourceForeground#e9593d
• gitDecoration.stageModifiedResourceForeground#83a598
• gitDecoration.submoduleResourceForeground#dc9656
• gitDecoration.untrackedResourceForeground#8ec07c
• icon.foreground#968772
• input.background#2d3031
• input.border#444444
• input.foreground#ebdbb2
• input.placeholderForeground#968772
• inputOption.activeBackground#496d7950
• inputOption.activeBorder#83a598
• inputOption.activeForeground#ebdbb2
• inputValidation.errorBackground#5c3728
• inputValidation.errorBorder#e9593d
• inputValidation.infoBackground#496d79
• inputValidation.infoBorder#83a598
• inputValidation.warningBackground#5c3728
• inputValidation.warningBorder#dc9656
• keybindingLabel.background#44444440
• keybindingLabel.border#444444
• keybindingLabel.bottomBorder#444444
• keybindingLabel.foreground#ebdbb2
• list.activeSelectionBackground#444444
• list.activeSelectionForeground#ebdbb2
• list.dropBackground#475048
• list.errorForeground#e9593d
• list.focusBackground#444444
• list.focusForeground#ebdbb2
• list.highlightForeground#fabd2f
• list.hoverBackground#2d3031
• list.hoverForeground#ebdbb2
• list.inactiveSelectionBackground#2d3031
• list.inactiveSelectionForeground#ebdbb2
• list.warningForeground#dc9656
• listFilterWidget.background#2d3031
• listFilterWidget.noMatchesOutline#e9593d
• listFilterWidget.outline#444444
• merge.border#444444
• merge.commonContentBackground#44444440
• merge.commonHeaderBackground#44444480
• merge.currentContentBackground#3b5e4840
• merge.currentHeaderBackground#3b5e4880
• merge.incomingContentBackground#496d7940
• merge.incomingHeaderBackground#496d7980
• minimap.errorHighlight#e9593d80
• minimap.findMatchHighlight#dc965680
• minimap.selectionHighlight#47504880
• minimap.warningHighlight#dc965680
• minimapGutter.addedBackground#8ec07c
• minimapGutter.deletedBackground#e9593d
• minimapGutter.modifiedBackground#83a598
• minimapSlider.activeBackground#444444b0
• minimapSlider.background#44444440
• minimapSlider.hoverBackground#44444480
• notificationCenter.border#444444
• notificationCenterHeader.background#2d3031
• notificationCenterHeader.foreground#ebdbb2
• notificationLink.foreground#83a598
• notifications.background#2d3031
• notifications.border#444444
• notifications.foreground#ebdbb2
• notificationsErrorIcon.foreground#e9593d
• notificationsInfoIcon.foreground#83a598
• notificationsWarningIcon.foreground#dc9656
• notificationToast.border#444444
• panel.background#1d2021
• panel.border#1d2021
• panelInput.border#444444
• panelTitle.activeBorder#83a598
• panelTitle.activeForeground#ebdbb2
• panelTitle.inactiveForeground#968772
• peekView.border#444444
• peekViewEditor.background#2d3031
• peekViewEditor.matchHighlightBackground#dc965650
• peekViewEditorGutter.background#2d3031
• peekViewResult.background#1d2021
• peekViewResult.fileForeground#ebdbb2
• peekViewResult.lineForeground#968772
• peekViewResult.matchHighlightBackground#dc965650
• peekViewResult.selectionBackground#444444
• peekViewResult.selectionForeground#ebdbb2
• peekViewTitle.background#2d3031
• peekViewTitleDescription.foreground#968772
• peekViewTitleLabel.foreground#ebdbb2
• progressBar.background#83a598
• scrollbar.shadow#00000050
• scrollbarSlider.activeBackground#968772
• scrollbarSlider.background#44444480
• scrollbarSlider.hoverBackground#444444b0
• selection.background#475048
• settings.checkboxBackground#2d3031
• settings.checkboxBorder#444444
• settings.checkboxForeground#ebdbb2
• settings.dropdownBackground#2d3031
• settings.dropdownBorder#444444
• settings.dropdownForeground#ebdbb2
• settings.headerForeground#ebdbb2
• settings.modifiedItemIndicator#83a598
• settings.numberInputBackground#2d3031
• settings.numberInputBorder#444444
• settings.numberInputForeground#ebdbb2
• settings.textInputBackground#2d3031
• settings.textInputBorder#444444
• settings.textInputForeground#ebdbb2
• sideBar.background#1d2021
• sideBar.border#1d2021
• sideBar.foreground#ebdbb2
• sideBarSectionHeader.background#1d2021
• sideBarSectionHeader.border#1d2021
• sideBarSectionHeader.foreground#ebdbb2
• sideBarTitle.foreground#ebdbb2
• statusBar.background#444444
• statusBar.border#444444
• statusBar.debuggingBackground#e9593d
• statusBar.debuggingForeground#ebdbb2
• statusBar.foreground#ebdbb2
• statusBar.noFolderBackground#2d3031
• statusBar.noFolderForeground#ebdbb2
• statusBarItem.activeBackground#968772
• statusBarItem.errorBackground#e9593d
• statusBarItem.errorForeground#ebdbb2
• statusBarItem.hoverBackground#96877240
• statusBarItem.prominentBackground#444444
• statusBarItem.prominentHoverBackground#968772
• statusBarItem.remoteBackground#444444
• statusBarItem.remoteForeground#ebdbb2
• statusBarItem.warningBackground#dc9656
• statusBarItem.warningForeground#1d2021
• tab.activeBackground#1d2021
• tab.activeBorderTop#1d2021
• tab.activeForeground#ebdbb2
• tab.border#1d2021
• tab.hoverBackground#2d3031
• tab.inactiveBackground#1d2021
• tab.inactiveForeground#968772
• tab.unfocusedActiveBorderTop#444444
• terminal.ansiBlack#000000
• terminal.ansiBlue#83a598
• terminal.ansiBrightBlack#444444
• terminal.ansiBrightBlue#496d79
• terminal.ansiBrightCyan#475048
• terminal.ansiBrightGreen#3b5e48
• terminal.ansiBrightMagenta#a16946
• terminal.ansiBrightRed#fe8019
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#fabd2f
• terminal.ansiCyan#496d79
• terminal.ansiGreen#8ec07c
• terminal.ansiMagenta#d3869b
• terminal.ansiRed#e9593d
• terminal.ansiWhite#968772
• terminal.ansiYellow#dc9656
• terminal.background#1d2021
• terminal.foreground#ebdbb2
• terminal.selectionBackground#475048
• terminalCursor.background#1d2021
• terminalCursor.foreground#ebdbb2
• textBlockQuote.background#2d3031
• textBlockQuote.border#444444
• textLink.activeForeground#8ec07c
• textLink.foreground#83a598
• textPreformat.foreground#dc9656
• titleBar.activeBackground#1d2021
• titleBar.activeForeground#ebdbb2
• titleBar.border#1d2021
• titleBar.inactiveBackground#1d2021
• titleBar.inactiveForeground#968772
• widget.shadow#00000050

tokenColors

TextMate scopes and font styles (syntax highlighting rules).