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#282828
• activityBar.border#474747
• activityBar.foreground#FBF1C7
• activityBarBadge.background#D65D0E
• activityBarBadge.foreground#000000
• breadcrumb.activeSelectionForeground#458588
• breadcrumb.background#282828
• breadcrumb.focusForeground#FBF1C7
• breadcrumb.foreground#928374
• button.background#D65D0E
• button.foreground#000000
• button.hoverBackground#F06A13
• diffEditor.insertedTextBackground#98971A2E
• diffEditor.removedTextBackground#CC241D2E
• editor.background#1D2021
• editor.compositionBorder#458588
• editor.findMatchBackground#D7992173
• editor.findMatchBorder#D65D0EE6
• editor.findMatchForeground#FBF1C7
• editor.findMatchHighlightBackground#D7992140
• editor.findMatchHighlightBorder#D65D0E99
• editor.findMatchHighlightForeground#D65D0E
• editor.findRangeHighlightBackground#4585881F
• editor.findRangeHighlightBorder#45858880
• editor.foldBackground#4585880F
• editor.foldPlaceholderForeground#928374
• editor.foreground#FBF1C7
• editor.hoverHighlightBackground#4585881F
• editor.inactiveSelectionBackground#3C383638
• editor.lineHighlightBackground#0F1011E6
• editor.lineHighlightBorder#474747B3
• editor.linkedEditingBackground#45858814
• editor.placeholder.foreground#928374E6
• editor.rangeHighlightBackground#689D6A1F
• editor.rangeHighlightBorder#689D6A99
• editor.selectionBackground#3C383659
• editor.selectionForeground#000000
• editor.selectionHighlightBackground#3C38362E
• editor.selectionHighlightBorder#D65D0E99
• editor.symbolHighlightBackground#B162861F
• editor.symbolHighlightBorder#B1628699
• editor.wordHighlightBackground#45858838
• editor.wordHighlightBorder#458588B3
• editor.wordHighlightStrongBackground#D65D0E38
• editor.wordHighlightStrongBorder#D65D0EB3
• editor.wordHighlightTextBackground#D799212E
• editor.wordHighlightTextBorder#D79921B3
• editorBracketHighlight.foreground1#458588
• editorBracketHighlight.foreground2#689D6A
• editorBracketHighlight.foreground3#98971A
• editorBracketHighlight.foreground4#D79921
• editorBracketHighlight.foreground5#D65D0E
• editorBracketHighlight.foreground6#B16286
• editorBracketHighlight.unexpectedBracket.foreground#CC241D
• editorBracketMatch.background#4585881F
• editorBracketMatch.border#458588CC
• editorBracketPairGuide.activeBackground1#458588E6
• editorBracketPairGuide.activeBackground2#689D6AE6
• editorBracketPairGuide.activeBackground3#98971AE6
• editorBracketPairGuide.activeBackground4#D79921E6
• editorBracketPairGuide.activeBackground5#D65D0EE6
• editorBracketPairGuide.activeBackground6#B16286E6
• editorBracketPairGuide.background1#45858866
• editorBracketPairGuide.background2#689D6A66
• editorBracketPairGuide.background3#98971A66
• editorBracketPairGuide.background4#D7992166
• editorBracketPairGuide.background5#D65D0E66
• editorBracketPairGuide.background6#B1628666
• editorCodeLens.foreground#928374CC
• editorCommentsWidget.rangeActiveBackground#4585881F
• editorCommentsWidget.rangeBackground#689D6A1F
• editorCommentsWidget.replyInputBackground#191919
• editorCommentsWidget.resolvedBorder#98971A
• editorCommentsWidget.unresolvedBorder#D65D0E
• editorCursor.background#FBF1C740
• editorCursor.foreground#FBF1C7
• editorError.background#CC241D1F
• editorError.border#CC241D99
• editorError.foreground#CC241D
• editorGroup.border#474747
• editorGroup.dropBackground#4585882E
• editorGroup.dropIntoPromptBackground#282828D9
• editorGroup.dropIntoPromptBorder#474747
• editorGroup.dropIntoPromptForeground#FBF1C7
• editorGroup.emptyBackground#202020
• editorGroup.focusedEmptyBorder#458588
• editorGroupHeader.border#474747
• editorGroupHeader.noTabsBackground#282828
• editorGroupHeader.tabsBackground#282828
• editorGroupHeader.tabsBorder#474747
• editorGutter.addedBackground#98971A59
• editorGutter.addedSecondaryBackground#98971A33
• editorGutter.background#1D2021
• editorGutter.commentGlyphForeground#689D6A
• editorGutter.commentRangeForeground#689D6ACC
• editorGutter.commentUnresolvedGlyphForeground#D65D0E
• editorGutter.deletedBackground#CC241D59
• editorGutter.deletedSecondaryBackground#CC241D33
• editorGutter.foldingControlForeground#928374
• editorGutter.itemBackground#1E1E1E
• editorGutter.itemGlyphForeground#B16286
• editorGutter.modifiedBackground#45858859
• editorGutter.modifiedSecondaryBackground#45858833
• editorHint.border#689D6A99
• editorHint.foreground#689D6A
• editorIndentGuide.activeBackground#458588B3
• editorIndentGuide.activeBackground1#458588B3
• editorIndentGuide.activeBackground2#689D6AB3
• editorIndentGuide.activeBackground3#98971AB3
• editorIndentGuide.activeBackground4#D79921B3
• editorIndentGuide.activeBackground5#D65D0EB3
• editorIndentGuide.activeBackground6#B16286B3
• editorIndentGuide.background#92837459
• editorIndentGuide.background1#92837459
• editorIndentGuide.background2#92837452
• editorIndentGuide.background3#9283744A
• editorIndentGuide.background4#92837442
• editorIndentGuide.background5#9283743B
• editorIndentGuide.background6#92837433
• editorInfo.background#4585881F
• editorInfo.border#45858899
• editorInfo.foreground#458588
• editorInlayHint.background#191919
• editorInlayHint.foreground#FBF1C7BF
• editorInlayHint.parameterBackground#141414
• editorInlayHint.parameterForeground#B16286
• editorInlayHint.typeBackground#141414
• editorInlayHint.typeForeground#689D6A
• editorLightBulb.foreground#D79921
• editorLightBulbAi.foreground#B16286
• editorLightBulbAutoFix.foreground#98971A
• editorLineNumber.activeForeground#FBF1C7
• editorLineNumber.dimmedForeground#92837499
• editorLineNumber.foreground#928374
• editorLink.activeForeground#458588
• editorMinimap.inlineChatInserted#98971ABF
• editorMultiCursor.primary.background#A8998440
• editorMultiCursor.primary.foreground#A89984
• editorMultiCursor.secondary.background#45858840
• editorMultiCursor.secondary.foreground#458588
• editorOverviewRuler.addedForeground#98971ACC
• editorOverviewRuler.background#2828288C
• editorOverviewRuler.border#474747
• editorOverviewRuler.bracketMatchForeground#458588E6
• editorOverviewRuler.deletedForeground#CC241DCC
• editorOverviewRuler.errorForeground#CC241DE6
• editorOverviewRuler.findMatchForeground#D79921CC
• editorOverviewRuler.infoForeground#458588E6
• editorOverviewRuler.inlineChatInserted#98971ABF
• editorOverviewRuler.inlineChatRemoved#CC241DBF
• editorOverviewRuler.modifiedForeground#458588CC
• editorOverviewRuler.rangeHighlightForeground#689D6ABF
• editorOverviewRuler.selectionHighlightForeground#3C3836B3
• editorOverviewRuler.warningForeground#D79921E6
• editorOverviewRuler.wordHighlightForeground#458588B3
• editorOverviewRuler.wordHighlightStrongForeground#D65D0EB3
• editorOverviewRuler.wordHighlightTextForeground#D79921B3
• editorPane.background#282828
• editorRuler.foreground#92837473
• editorUnicodeHighlight.background#B162861F
• editorUnicodeHighlight.border#B16286B3
• editorUnnecessaryCode.border#B1628699
• editorUnnecessaryCode.opacity#00000080
• editorWarning.background#D799211F
• editorWarning.border#D7992199
• editorWarning.foreground#D79921
• editorWatermark.foreground#928374B3
• editorWhitespace.foreground#92837480
• inlineEdit.gutterIndicator.background#28282899
• inlineEdit.gutterIndicator.primaryBackground#45858826
• inlineEdit.gutterIndicator.primaryBorder#458588
• inlineEdit.gutterIndicator.primaryForeground#458588
• inlineEdit.gutterIndicator.secondaryBackground#B1628626
• inlineEdit.gutterIndicator.secondaryBorder#B16286
• inlineEdit.gutterIndicator.secondaryForeground#B16286
• inlineEdit.gutterIndicator.successfulBackground#98971A26
• inlineEdit.gutterIndicator.successfulBorder#98971A
• inlineEdit.gutterIndicator.successfulForeground#98971A
• inlineEdit.modifiedBackground#98971A14
• inlineEdit.modifiedBorder#98971AB3
• inlineEdit.modifiedChangedLineBackground#98971A1F
• inlineEdit.modifiedChangedTextBackground#98971A2E
• inlineEdit.originalBackground#CC241D14
• inlineEdit.originalBorder#CC241DB3
• inlineEdit.originalChangedLineBackground#CC241D1F
• inlineEdit.originalChangedTextBackground#CC241D2E
• inlineEdit.tabWillAcceptModifiedBorder#98971A
• inlineEdit.tabWillAcceptOriginalBorder#CC241D
• list.activeSelectionBackground#3C3836
• list.activeSelectionForeground#FBF1C7
• list.activeSelectionIconForeground#A89984
• list.deemphasizedForeground#928374
• list.dropBackground#45858840
• list.dropBetweenBackground#458588
• list.errorForeground#CC241D
• list.filterMatchBackground#D7992138
• list.filterMatchBorder#D65D0E
• list.focusAndSelectionOutline#3E787A
• list.focusBackground#4585882E
• list.focusForeground#FBF1C7
• list.focusHighlightForeground#D65D0E
• list.focusOutline#458588
• list.highlightForeground#D65D0E
• list.hoverBackground#373737
• list.hoverForeground#FBF1C7
• list.inactiveFocusBackground#4585881A
• list.inactiveFocusOutline#5DA9AD
• list.inactiveSelectionBackground#3C383638
• list.inactiveSelectionForeground#FBF1C7
• list.inactiveSelectionIconForeground#928374
• list.invalidItemForeground#CC241D
• list.warningForeground#D79921
• listFilterWidget.background#45858840
• listFilterWidget.noMatchesOutline#CC241D
• listFilterWidget.outline#458588
• listFilterWidget.shadow#00000059
• minimap.background#1D2021
• minimap.chatEditHighlight#689D6A42
• minimap.errorHighlight#CC241D47
• minimap.findMatchHighlight#D7992159
• minimap.foregroundOpacity#000000C0
• minimap.infoHighlight#4585883D
• minimap.selectionHighlight#45858838
• minimap.selectionOccurrenceHighlight#45858824
• minimap.warningHighlight#D7992142
• minimapGutter.addedBackground#98971ACC
• minimapGutter.deletedBackground#CC241DCC
• minimapGutter.modifiedBackground#458588CC
• minimapSlider.activeBackground#92837457
• minimapSlider.background#92837438
• minimapSlider.hoverBackground#92837447
• notificationCenterHeader.background#282828
• notifications.background#282828
• notifications.foreground#FBF1C7
• problemsErrorIcon.foreground#CC241D
• problemsInfoIcon.foreground#458588
• problemsWarningIcon.foreground#D79921
• searchEditor.findMatchBackground#D7992140
• searchEditor.findMatchBorder#D65D0EB3
• searchEditor.textInputBorder#474747
• sideBar.background#282828
• sideBar.border#474747
• sideBar.dropBackground#4585882E
• sideBar.foreground#FBF1C7
• sideBarActivityBarTop.border#474747
• sideBarSectionHeader.background#232323
• sideBarSectionHeader.border#474747
• sideBarSectionHeader.foreground#FBF1C7
• sideBarStickyScroll.background#232323
• sideBarStickyScroll.border#474747
• sideBarStickyScroll.shadow#00000059
• sideBarTitle.background#232323
• sideBarTitle.border#474747
• sideBarTitle.foreground#FBF1C7
• sideBySideEditor.horizontalBorder#474747
• sideBySideEditor.verticalBorder#474747
• statusBar.background#A89984
• statusBar.foreground#000000
• tab.activeBackground#282828
• tab.activeBorder#A89984
• tab.activeBorderTop#A89984
• tab.activeForeground#FBF1C7
• tab.activeModifiedBorder#D65D0E
• tab.border#282828
• tab.dragAndDropBorder#458588
• tab.hoverBackground#373737
• tab.hoverBorder#458588B3
• tab.hoverForeground#FBF1C7
• tab.inactiveBackground#232323
• tab.inactiveForeground#928374
• tab.inactiveModifiedBorder#D65D0EA6
• tab.lastPinnedBorder#474747
• tab.selectedBackground#282828
• tab.selectedBorderTop#A89984
• tab.selectedForeground#FBF1C7
• tab.unfocusedActiveBackground#252525
• tab.unfocusedActiveBorder#A8998499
• tab.unfocusedActiveBorderTop#A8998499
• tab.unfocusedActiveForeground#928374
• tab.unfocusedActiveModifiedBorder#D65D0EA6
• tab.unfocusedHoverBackground#373737
• tab.unfocusedHoverBorder#45858873
• tab.unfocusedHoverForeground#FBF1C7
• tab.unfocusedInactiveBackground#232323
• tab.unfocusedInactiveForeground#928374
• tab.unfocusedInactiveModifiedBorder#D65D0E73
• terminal.ansiBlack#4D5557
• terminal.ansiBlue#458588
• terminal.ansiBrightBlack#707C80
• terminal.ansiBrightBlue#72B4B7
• terminal.ansiBrightCyan#A0C1A1
• terminal.ansiBrightGreen#DCDB32
• terminal.ansiBrightMagenta#CF9FB5
• terminal.ansiBrightRed#E8625D
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#E8BE6B
• terminal.ansiCyan#689D6A
• terminal.ansiGreen#98971A
• terminal.ansiMagenta#B16286
• terminal.ansiRed#CC241D
• terminal.ansiWhite#FBF1C7
• terminal.ansiYellow#D79921
• terminal.background#1D2021
• terminal.border#474747
• terminal.dropBackground#45858838
• terminal.findMatchBackground#D7992159
• terminal.findMatchBorder#D65D0ECC
• terminal.findMatchHighlightBackground#D7992133
• terminal.findMatchHighlightBorder#D65D0E99
• terminal.foreground#FBF1C7
• terminal.hoverHighlightBackground#45858824
• terminal.inactiveSelectionBackground#3C38362E
• terminal.initialHintForeground#928374D9
• terminal.selectionBackground#3C383659
• terminal.selectionForeground#000000
• terminal.tab.activeBorder#A89984
• terminalCommandDecoration.defaultBackground#458588B3
• terminalCommandDecoration.errorBackground#CC241DB3
• terminalCommandDecoration.successBackground#98971AB3
• terminalCommandGuide.foreground#689D6AE6
• terminalCursor.background#FBF1C740
• terminalCursor.foreground#FBF1C7
• terminalOverviewRuler.border#474747
• terminalOverviewRuler.cursorForeground#FBF1C7E6
• terminalOverviewRuler.findMatchForeground#D79921D9
• terminalStickyScroll.background#232323
• terminalStickyScroll.border#474747
• terminalStickyScrollHover.background#202020
• terminalSymbolIcon.aliasForeground#B16286
• terminalSymbolIcon.argumentForeground#689D6A
• terminalSymbolIcon.fileForeground#FBF1C7
• terminalSymbolIcon.flagForeground#D79921
• terminalSymbolIcon.folderForeground#A89984
• terminalSymbolIcon.inlineSuggestionForeground#928374
• terminalSymbolIcon.methodForeground#98971A
• terminalSymbolIcon.optionForeground#458588
• terminalSymbolIcon.optionValueForeground#D65D0E
• terminalSymbolIcon.symbolicLinkFileForeground#689D6A
• terminalSymbolIcon.symbolicLinkFolderForeground#689D6A
• titleBar.activeBackground#282828
• titleBar.activeForeground#FBF1C7
• titleBar.border#474747
• titleBar.inactiveBackground#1E1E1E
• titleBar.inactiveForeground#928374
• tree.inactiveIndentGuidesStroke#92837499
• tree.indentGuidesStroke#928374
• tree.tableColumnsBorder#474747
• tree.tableOddRowsBackground#202020
• widget.shadow#00000059

tokenColors

TextMate scopes and font styles (syntax highlighting rules).