Gruvalized

Color themes

• 

  Gruvalized Dark

• 

  Gruvalized Light

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#D65D0E
• activityBar.background#F7F1DF
• activityBar.border#EBDCAE
• activityBar.foreground#1A1A1A
• activityBarBadge.background#D65D0E
• activityBarBadge.foreground#FAF5E7
• breadcrumb.activeSelectionForeground#4B83CD
• breadcrumb.background#F7F1DF
• breadcrumb.focusForeground#1A1A1A
• breadcrumb.foreground#6A6A6A
• button.background#D65D0E
• button.foreground#FAF5E7
• button.hoverBackground#B9510C
• diffEditor.insertedTextBackground#448C2733
• diffEditor.removedTextBackground#CC241D33
• editor.background#FAF5E7
• editor.compositionBorder#4B83CD
• editor.findMatchBackground#D7992173
• editor.findMatchBorder#D65D0EE6
• editor.findMatchForeground#1A1A1A
• editor.findMatchHighlightBackground#D7992140
• editor.findMatchHighlightBorder#D65D0E99
• editor.findMatchHighlightForeground#D65D0E
• editor.findRangeHighlightBackground#4B83CD1F
• editor.findRangeHighlightBorder#4B83CD80
• editor.foldBackground#4B83CD0F
• editor.foldPlaceholderForeground#6A6A6A
• editor.foreground#1A1A1A
• editor.hoverHighlightBackground#4B83CD1F
• editor.inactiveSelectionBackground#E9E1BF8C
• editor.lineHighlightBackground#FFFFFFE6
• editor.lineHighlightBorder#EBDCAEB3
• editor.linkedEditingBackground#4B83CD14
• editor.placeholder.foreground#6A6A6AE6
• editor.rangeHighlightBackground#689D6A1F
• editor.rangeHighlightBorder#689D6A99
• editor.selectionBackground#E9E1BFD9
• editor.selectionForeground#1A1A1A
• editor.selectionHighlightBackground#E9E1BF73
• editor.selectionHighlightBorder#D65D0E99
• editor.symbolHighlightBackground#7A3E9D1F
• editor.symbolHighlightBorder#7A3E9D99
• editor.wordHighlightBackground#4B83CD2E
• editor.wordHighlightBorder#4B83CDB3
• editor.wordHighlightStrongBackground#D65D0E33
• editor.wordHighlightStrongBorder#D65D0EB3
• editor.wordHighlightTextBackground#D7992133
• editor.wordHighlightTextBorder#D79921B3
• editorBracketHighlight.foreground1#4B83CD
• editorBracketHighlight.foreground2#689D6A
• editorBracketHighlight.foreground3#448C27
• editorBracketHighlight.foreground4#D79921
• editorBracketHighlight.foreground5#D65D0E
• editorBracketHighlight.foreground6#7A3E9D
• editorBracketHighlight.unexpectedBracket.foreground#CC241D
• editorBracketMatch.background#4B83CD1F
• editorBracketMatch.border#4B83CDCC
• editorBracketPairGuide.activeBackground1#4B83CDE6
• editorBracketPairGuide.activeBackground2#689D6AE6
• editorBracketPairGuide.activeBackground3#448C27E6
• editorBracketPairGuide.activeBackground4#D79921E6
• editorBracketPairGuide.activeBackground5#D65D0EE6
• editorBracketPairGuide.activeBackground6#7A3E9DE6
• editorBracketPairGuide.background1#4B83CD66
• editorBracketPairGuide.background2#689D6A66
• editorBracketPairGuide.background3#448C2766
• editorBracketPairGuide.background4#D7992166
• editorBracketPairGuide.background5#D65D0E66
• editorBracketPairGuide.background6#7A3E9D66
• editorCodeLens.foreground#6A6A6ACC
• editorCommentsWidget.rangeActiveBackground#4B83CD1F
• editorCommentsWidget.rangeBackground#689D6A1F
• editorCommentsWidget.replyInputBackground#FDFCF7
• editorCommentsWidget.resolvedBorder#448C27
• editorCommentsWidget.unresolvedBorder#D65D0E
• editorCursor.background#1A1A1A40
• editorCursor.foreground#1A1A1A
• editorError.background#CC241D1F
• editorError.border#CC241D99
• editorError.foreground#CC241D
• editorGroup.border#EBDCAE
• editorGroup.dropBackground#4B83CD24
• editorGroup.dropIntoPromptBackground#F7F1DFEB
• editorGroup.dropIntoPromptBorder#EBDCAE
• editorGroup.dropIntoPromptForeground#1A1A1A
• editorGroup.emptyBackground#FAF6EB
• editorGroup.focusedEmptyBorder#4B83CD
• editorGroupHeader.border#EBDCAE
• editorGroupHeader.noTabsBackground#F7F1DF
• editorGroupHeader.tabsBackground#F7F1DF
• editorGroupHeader.tabsBorder#EBDCAE
• editorGutter.addedBackground#448C2759
• editorGutter.addedSecondaryBackground#448C2733
• editorGutter.background#FAF5E7
• editorGutter.commentGlyphForeground#689D6A
• editorGutter.commentRangeForeground#689D6ACC
• editorGutter.commentUnresolvedGlyphForeground#D65D0E
• editorGutter.deletedBackground#CC241D59
• editorGutter.deletedSecondaryBackground#CC241D33
• editorGutter.foldingControlForeground#6A6A6A
• editorGutter.itemBackground#FBF8EF
• editorGutter.itemGlyphForeground#7A3E9D
• editorGutter.modifiedBackground#4B83CD59
• editorGutter.modifiedSecondaryBackground#4B83CD33
• editorHint.border#689D6A99
• editorHint.foreground#689D6A
• editorIndentGuide.activeBackground#4B83CDB3
• editorIndentGuide.activeBackground1#4B83CDB3
• editorIndentGuide.activeBackground2#689D6AB3
• editorIndentGuide.activeBackground3#448C27B3
• editorIndentGuide.activeBackground4#D79921B3
• editorIndentGuide.activeBackground5#D65D0EB3
• editorIndentGuide.activeBackground6#7A3E9DB3
• editorIndentGuide.background#6A6A6A59
• editorIndentGuide.background1#6A6A6A59
• editorIndentGuide.background2#6A6A6A52
• editorIndentGuide.background3#6A6A6A4A
• editorIndentGuide.background4#6A6A6A42
• editorIndentGuide.background5#6A6A6A3B
• editorIndentGuide.background6#6A6A6A33
• editorInfo.background#4B83CD1F
• editorInfo.border#4B83CD99
• editorInfo.foreground#4B83CD
• editorInlayHint.background#FDFCF7
• editorInlayHint.foreground#1A1A1ABF
• editorInlayHint.parameterBackground#FFFFFF
• editorInlayHint.parameterForeground#7A3E9D
• editorInlayHint.typeBackground#FFFFFF
• editorInlayHint.typeForeground#689D6A
• editorLightBulb.foreground#D79921
• editorLightBulbAi.foreground#7A3E9D
• editorLightBulbAutoFix.foreground#448C27
• editorLineNumber.activeForeground#1A1A1A
• editorLineNumber.dimmedForeground#6A6A6A99
• editorLineNumber.foreground#6A6A6A
• editorLink.activeForeground#4B83CD
• editorMinimap.inlineChatInserted#448C27BF
• editorMultiCursor.primary.background#6F2F0040
• editorMultiCursor.primary.foreground#6F2F00
• editorMultiCursor.secondary.background#4B83CD40
• editorMultiCursor.secondary.foreground#4B83CD
• editorOverviewRuler.addedForeground#448C27CC
• editorOverviewRuler.background#F7F1DFE6
• editorOverviewRuler.border#EBDCAE
• editorOverviewRuler.bracketMatchForeground#4B83CDE6
• editorOverviewRuler.deletedForeground#CC241DCC
• editorOverviewRuler.errorForeground#CC241DE6
• editorOverviewRuler.findMatchForeground#D79921CC
• editorOverviewRuler.infoForeground#4B83CDE6
• editorOverviewRuler.inlineChatInserted#448C27BF
• editorOverviewRuler.inlineChatRemoved#CC241DBF
• editorOverviewRuler.modifiedForeground#4B83CDCC
• editorOverviewRuler.rangeHighlightForeground#689D6ABF
• editorOverviewRuler.selectionHighlightForeground#E9E1BFB3
• editorOverviewRuler.warningForeground#D79921E6
• editorOverviewRuler.wordHighlightForeground#4B83CDB3
• editorOverviewRuler.wordHighlightStrongForeground#D65D0EB3
• editorOverviewRuler.wordHighlightTextForeground#D79921B3
• editorPane.background#F7F1DF
• editorRuler.foreground#6A6A6A73
• editorUnicodeHighlight.background#7A3E9D1F
• editorUnicodeHighlight.border#7A3E9DB3
• editorUnnecessaryCode.border#7A3E9D99
• editorUnnecessaryCode.opacity#00000080
• editorWarning.background#D799211F
• editorWarning.border#D7992199
• editorWarning.foreground#D79921
• editorWatermark.foreground#6A6A6AB3
• editorWhitespace.foreground#6A6A6A80
• inlineEdit.gutterIndicator.background#F7F1DF99
• inlineEdit.gutterIndicator.primaryBackground#4B83CD26
• inlineEdit.gutterIndicator.primaryBorder#4B83CD
• inlineEdit.gutterIndicator.primaryForeground#4B83CD
• inlineEdit.gutterIndicator.secondaryBackground#7A3E9D26
• inlineEdit.gutterIndicator.secondaryBorder#7A3E9D
• inlineEdit.gutterIndicator.secondaryForeground#7A3E9D
• inlineEdit.gutterIndicator.successfulBackground#448C2726
• inlineEdit.gutterIndicator.successfulBorder#448C27
• inlineEdit.gutterIndicator.successfulForeground#448C27
• inlineEdit.modifiedBackground#448C2714
• inlineEdit.modifiedBorder#448C27B3
• inlineEdit.modifiedChangedLineBackground#448C271F
• inlineEdit.modifiedChangedTextBackground#448C272E
• inlineEdit.originalBackground#CC241D14
• inlineEdit.originalBorder#CC241DB3
• inlineEdit.originalChangedLineBackground#CC241D1F
• inlineEdit.originalChangedTextBackground#CC241D2E
• inlineEdit.tabWillAcceptModifiedBorder#448C27
• inlineEdit.tabWillAcceptOriginalBorder#CC241D
• list.activeSelectionBackground#E9E1BF
• list.activeSelectionForeground#1A1A1A
• list.activeSelectionIconForeground#6F2F00
• list.deemphasizedForeground#6A6A6A
• list.dropBackground#4B83CD33
• list.dropBetweenBackground#4B83CD
• list.errorForeground#CC241D
• list.filterMatchBackground#D7992140
• list.filterMatchBorder#D65D0E
• list.focusAndSelectionOutline#346EBB
• list.focusBackground#4B83CD24
• list.focusForeground#1A1A1A
• list.focusHighlightForeground#D65D0E
• list.focusOutline#4B83CD
• list.highlightForeground#D65D0E
• list.hoverBackground#FAF6EB
• list.hoverForeground#1A1A1A
• list.inactiveFocusBackground#4B83CD14
• list.inactiveFocusOutline#6393D4
• list.inactiveSelectionBackground#E9E1BF8C
• list.inactiveSelectionForeground#1A1A1A
• list.inactiveSelectionIconForeground#6A6A6A
• list.invalidItemForeground#CC241D
• list.warningForeground#D79921
• listFilterWidget.background#4B83CD26
• listFilterWidget.noMatchesOutline#CC241D
• listFilterWidget.outline#4B83CD
• listFilterWidget.shadow#00000026
• minimap.background#FAF5E7
• minimap.chatEditHighlight#689D6A38
• minimap.errorHighlight#CC241D3D
• minimap.findMatchHighlight#D799214D
• minimap.foregroundOpacity#000000C0
• minimap.infoHighlight#4B83CD33
• minimap.selectionHighlight#4B83CD2E
• minimap.selectionOccurrenceHighlight#4B83CD1F
• minimap.warningHighlight#D7992138
• minimapGutter.addedBackground#448C27CC
• minimapGutter.deletedBackground#CC241DCC
• minimapGutter.modifiedBackground#4B83CDCC
• minimapSlider.activeBackground#6A6A6A4D
• minimapSlider.background#6A6A6A2E
• minimapSlider.hoverBackground#6A6A6A3D
• notificationCenterHeader.background#F7F1DF
• notifications.background#F7F1DF
• notifications.foreground#1A1A1A
• problemsErrorIcon.foreground#CC241D
• problemsInfoIcon.foreground#4B83CD
• problemsWarningIcon.foreground#D79921
• searchEditor.findMatchBackground#D7992140
• searchEditor.findMatchBorder#D65D0EB3
• searchEditor.textInputBorder#EBDCAE
• sideBar.background#F7F1DF
• sideBar.border#EBDCAE
• sideBar.dropBackground#4B83CD1F
• sideBar.foreground#1A1A1A
• sideBarActivityBarTop.border#EBDCAE
• sideBarSectionHeader.background#F9F5E7
• sideBarSectionHeader.border#EBDCAE
• sideBarSectionHeader.foreground#1A1A1A
• sideBarStickyScroll.background#F9F5E7
• sideBarStickyScroll.border#EBDCAE
• sideBarStickyScroll.shadow#00000026
• sideBarTitle.background#F9F5E7
• sideBarTitle.border#EBDCAE
• sideBarTitle.foreground#1A1A1A
• sideBySideEditor.horizontalBorder#EBDCAE
• sideBySideEditor.verticalBorder#EBDCAE
• statusBar.background#6F2F00
• statusBar.foreground#FAF5E7
• tab.activeBackground#F7F1DF
• tab.activeBorder#6F2F00
• tab.activeBorderTop#6F2F00
• tab.activeForeground#1A1A1A
• tab.activeModifiedBorder#D65D0E
• tab.border#F7F1DF
• tab.dragAndDropBorder#4B83CD
• tab.hoverBackground#FAF6EB
• tab.hoverBorder#4B83CDB3
• tab.hoverForeground#1A1A1A
• tab.inactiveBackground#F9F5E7
• tab.inactiveForeground#6A6A6A
• tab.inactiveModifiedBorder#D65D0EA6
• tab.lastPinnedBorder#EBDCAE
• tab.selectedBackground#F7F1DF
• tab.selectedBorderTop#6F2F00
• tab.selectedForeground#1A1A1A
• tab.unfocusedActiveBackground#F8F3E3
• tab.unfocusedActiveBorder#6F2F0099
• tab.unfocusedActiveBorderTop#6F2F0099
• tab.unfocusedActiveForeground#6A6A6A
• tab.unfocusedActiveModifiedBorder#D65D0EA6
• tab.unfocusedHoverBackground#FAF6EB
• tab.unfocusedHoverBorder#4B83CD73
• tab.unfocusedHoverForeground#1A1A1A
• tab.unfocusedInactiveBackground#F9F5E7
• tab.unfocusedInactiveForeground#6A6A6A
• tab.unfocusedInactiveModifiedBorder#D65D0E73
• terminal.ansiBlack#6A6A6A
• terminal.ansiBlue#4B83CD
• terminal.ansiBrightBlack#AAAAAA
• terminal.ansiBrightBlue#295793
• terminal.ansiBrightCyan#436744
• terminal.ansiBrightGreen#214413
• terminal.ansiBrightMagenta#47245B
• terminal.ansiBrightRed#7C1612
• terminal.ansiBrightWhite#000000
• terminal.ansiBrightYellow#876015
• terminal.ansiCyan#689D6A
• terminal.ansiGreen#448C27
• terminal.ansiMagenta#7A3E9D
• terminal.ansiRed#CC241D
• terminal.ansiWhite#1A1A1A
• terminal.ansiYellow#D79921
• terminal.background#FAF5E7
• terminal.border#EBDCAE
• terminal.dropBackground#4B83CD2E
• terminal.findMatchBackground#D799214D
• terminal.findMatchBorder#D65D0ECC
• terminal.findMatchHighlightBackground#D7992133
• terminal.findMatchHighlightBorder#D65D0E99
• terminal.foreground#1A1A1A
• terminal.hoverHighlightBackground#4B83CD1F
• terminal.inactiveSelectionBackground#E9E1BF8C
• terminal.initialHintForeground#6A6A6AD9
• terminal.selectionBackground#E9E1BFD9
• terminal.selectionForeground#1A1A1A
• terminal.tab.activeBorder#6F2F00
• terminalCommandDecoration.defaultBackground#4B83CD99
• terminalCommandDecoration.errorBackground#CC241D99
• terminalCommandDecoration.successBackground#448C2799
• terminalCommandGuide.foreground#689D6AE6
• terminalCursor.background#1A1A1A40
• terminalCursor.foreground#1A1A1A
• terminalOverviewRuler.border#EBDCAE
• terminalOverviewRuler.cursorForeground#1A1A1AE6
• terminalOverviewRuler.findMatchForeground#D79921D9
• terminalStickyScroll.background#F9F5E7
• terminalStickyScroll.border#EBDCAE
• terminalStickyScrollHover.background#FAF6EB
• terminalSymbolIcon.aliasForeground#7A3E9D
• terminalSymbolIcon.argumentForeground#689D6A
• terminalSymbolIcon.fileForeground#1A1A1A
• terminalSymbolIcon.flagForeground#D79921
• terminalSymbolIcon.folderForeground#6F2F00
• terminalSymbolIcon.inlineSuggestionForeground#6A6A6A
• terminalSymbolIcon.methodForeground#448C27
• terminalSymbolIcon.optionForeground#4B83CD
• terminalSymbolIcon.optionValueForeground#D65D0E
• terminalSymbolIcon.symbolicLinkFileForeground#689D6A
• terminalSymbolIcon.symbolicLinkFolderForeground#689D6A
• titleBar.activeBackground#F7F1DF
• titleBar.activeForeground#1A1A1A
• titleBar.border#EBDCAE
• titleBar.inactiveBackground#FBF8EF
• titleBar.inactiveForeground#6A6A6A
• tree.inactiveIndentGuidesStroke#6A6A6A99
• tree.indentGuidesStroke#6A6A6A
• tree.tableColumnsBorder#EBDCAE
• tree.tableOddRowsBackground#FAF6EB
• widget.shadow#00000026

tokenColors

TextMate scopes and font styles (syntax highlighting rules).