Gruvbox Material imno
Publisher: imnoThemes in package: 1
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#928374
- activityBar.activeFocusBorder#928374
- activityBar.background#282828
- activityBar.border#282828
- activityBar.dropBackground#282828
- activityBar.foreground#a89984
- activityBar.inactiveForeground#7c6f64
- activityBarBadge.background#a89984
- activityBarBadge.foreground#282828
- badge.background#a89984
- badge.foreground#282828
- breadcrumb.activeSelectionForeground#d4be98
- breadcrumb.focusForeground#ddc7a1
- breadcrumb.foreground#928374
- button.background#a89984
- button.foreground#282828
- button.hoverBackground#928374
- button.secondaryBackground#3c3836
- button.secondaryForeground#d4be98
- button.secondaryHoverBackground#45403d
- charts.blue#7daea3
- charts.foreground#d4be98
- charts.green#a9b665
- charts.orange#e78a4e
- charts.purple#d3869b
- charts.red#ea6962
- charts.yellow#d8a657
- checkbox.background#282828
- checkbox.border#5a524c
- checkbox.foreground#e78a4e
- debugConsole.errorForeground#ea6962
- debugConsole.infoForeground#a9b665
- debugConsole.sourceForeground#d3869b
- debugConsole.warningForeground#d8a657
- debugConsoleInputIcon.foreground#89b482
- debugIcon.breakpointCurrentStackframeForeground#7daea3
- debugIcon.breakpointDisabledForeground#b85651
- debugIcon.breakpointForeground#ea6962
- debugIcon.breakpointStackframeForeground#ea6962
- debugIcon.breakpointUnverifiedForeground#a89984
- debugIcon.continueForeground#7daea3
- debugIcon.disconnectForeground#d3869b
- debugIcon.pauseForeground#d8a657
- debugIcon.restartForeground#89b482
- debugIcon.startForeground#89b482
- debugIcon.stepBackForeground#7daea3
- debugIcon.stepIntoForeground#7daea3
- debugIcon.stepOutForeground#7daea3
- debugIcon.stepOverForeground#7daea3
- debugIcon.stopForeground#ea6962
- debugTokenExpression.boolean#d3869b
- debugTokenExpression.error#ea6962
- debugTokenExpression.name#7daea3
- debugTokenExpression.number#d3869b
- debugTokenExpression.string#d8a657
- debugTokenExpression.value#a9b665
- debugToolBar.background#282828
- descriptionForeground#928374
- diffEditor.diagonalFill#504945
- diffEditor.insertedTextBackground#72966c40
- diffEditor.removedTextBackground#b8565140
- dropdown.background#282828
- dropdown.border#45403d
- dropdown.foreground#a89984
- editor.background#282828
- editor.findMatchBackground#bd6f3e40
- editor.findMatchHighlightBackground#8f9a5240
- editor.findRangeHighlightBackground#50494558
- editor.foldBackground#45403d80
- editor.foreground#d4be98
- editor.hoverHighlightBackground#504945b0
- editor.inactiveSelectionBackground#50494558
- editor.lineHighlightBackground#38343290
- editor.lineHighlightBorder#45403d00
- editor.rangeHighlightBackground#38343280
- editor.selectionBackground#504945b0
- editor.selectionHighlightBackground#50494558
- editor.snippetFinalTabstopHighlightBackground#8f9a5240
- editor.snippetFinalTabstopHighlightBorder#282828
- editor.snippetTabstopHighlightBackground#45403da0
- editor.symbolHighlightBackground#68948a40
- editor.wordHighlightBackground#50494558
- editor.wordHighlightStrongBackground#504945b0
- editorBracketHighlight.foreground1#d4be98
- editorBracketHighlight.foreground2#d4be98
- editorBracketHighlight.foreground3#d4be98
- editorBracketHighlight.foreground4#d4be98
- editorBracketHighlight.foreground5#d4be98
- editorBracketHighlight.foreground6#d4be98
- editorBracketHighlight.unexpectedBracket.foreground#928374
- editorBracketMatch.background#7c6f6480
- editorBracketMatch.border#28282800
- editorCodeLens.foreground#7c6f64
- editorCursor.foreground#d4be98
- editorError.background#b8565100
- editorError.foreground#b85651
- editorGhostText.background#28282800
- editorGhostText.foreground#7c6f64
- editorGroup.border#000000
- editorGroup.dropBackground#45403d60
- editorGroupHeader.border#000000
- editorGroupHeader.noTabsBackground#282828
- editorGroupHeader.tabsBackground#282828
- editorGutter.addedBackground#8f9a52a0
- editorGutter.background#28282800
- editorGutter.commentRangeForeground#7c6f64
- editorGutter.deletedBackground#b85651a0
- editorGutter.modifiedBackground#68948aa0
- editorHint.foreground#ab6c7d
- editorHoverWidget.background#32302f
- editorHoverWidget.border#504945
- editorIndentGuide.activeBackground#a8998450
- editorIndentGuide.background#a8998420
- editorInfo.background#68948a00
- editorInfo.foreground#68948a
- editorInlayHint.background#28282800
- editorInlayHint.foreground#7c6f64
- editorInlayHint.parameterBackground#28282800
- editorInlayHint.parameterForeground#7c6f64
- editorInlayHint.typeBackground#28282800
- editorInlayHint.typeForeground#7c6f64
- editorLightBulb.foreground#d8a657
- editorLightBulbAutoFix.foreground#89b482
- editorLineNumber.activeForeground#928374
- editorLineNumber.foreground#7c6f64
- editorLink.activeForeground#a9b665
- editorMarkerNavigation.background#32302f
- editorMarkerNavigationError.background#b8565180
- editorMarkerNavigationInfo.background#68948a80
- editorMarkerNavigationWarning.background#c18f4180
- editorOverviewRuler.addedForeground#8f9a52a0
- editorOverviewRuler.border#28282800
- editorOverviewRuler.commonContentForeground#928374
- editorOverviewRuler.currentContentForeground#68948a
- editorOverviewRuler.deletedForeground#b85651a0
- editorOverviewRuler.errorForeground#ea6962
- editorOverviewRuler.findMatchForeground#72966c
- editorOverviewRuler.incomingContentForeground#72966c
- editorOverviewRuler.infoForeground#d3869b
- editorOverviewRuler.modifiedForeground#68948aa0
- editorOverviewRuler.rangeHighlightForeground#72966c
- editorOverviewRuler.selectionHighlightForeground#72966c
- editorOverviewRuler.warningForeground#d8a657
- editorOverviewRuler.wordHighlightForeground#7c6f64
- editorOverviewRuler.wordHighlightStrongForeground#7c6f64
- editorRuler.foreground#665c54a0
- editorSuggestWidget.background#383432
- editorSuggestWidget.border#383432
- editorSuggestWidget.foreground#d4be98
- editorSuggestWidget.highlightForeground#a9b665
- editorSuggestWidget.selectedBackground#45403d
- editorUnnecessaryCode.border#282828
- editorUnnecessaryCode.opacity#00000080
- editorWarning.background#c18f4100
- editorWarning.foreground#c18f41
- editorWhitespace.foreground#45403d
- editorWidget.background#282828
- editorWidget.border#7c6f64
- editorWidget.foreground#d4be98
- errorForeground#ea6962
- extensionBadge.remoteBackground#a89984
- extensionBadge.remoteForeground#282828
- extensionButton.prominentBackground#a89984
- extensionButton.prominentForeground#282828
- extensionButton.prominentHoverBackground#928374
- extensionIcon.preReleaseForeground#e78a4e
- extensionIcon.starForeground#89b482
- extensionIcon.verifiedForeground#a9b665
- focusBorder#45403d00
- foreground#a89984
- gitDecoration.addedResourceForeground#a9b665a0
- gitDecoration.conflictingResourceForeground#d3869ba0
- gitDecoration.deletedResourceForeground#ea6962a0
- gitDecoration.ignoredResourceForeground#5a524c
- gitDecoration.modifiedResourceForeground#7daea3a0
- gitDecoration.stageDeletedResourceForeground#89b482a0
- gitDecoration.stageModifiedResourceForeground#89b482a0
- gitDecoration.submoduleResourceForeground#e78a4ea0
- gitDecoration.untrackedResourceForeground#d8a657a0
- gitlens.closedPullRequestIconColor#ea6962
- gitlens.decorations.addedForegroundColor#a9b665
- gitlens.decorations.branchAheadForegroundColor#89b482
- gitlens.decorations.branchBehindForegroundColor#e78a4e
- gitlens.decorations.branchDivergedForegroundColor#d8a657
- gitlens.decorations.branchMissingUpstreamForegroundColor#ea6962
- gitlens.decorations.branchUnpublishedForegroundColor#7daea3
- gitlens.decorations.branchUpToDateForegroundColor#d4be98
- gitlens.decorations.copiedForegroundColor#d3869b
- gitlens.decorations.deletedForegroundColor#ea6962
- gitlens.decorations.ignoredForegroundColor#a89984
- gitlens.decorations.modifiedForegroundColor#7daea3
- gitlens.decorations.renamedForegroundColor#d3869b
- gitlens.decorations.untrackedForegroundColor#d8a657
- gitlens.gutterBackgroundColor#282828
- gitlens.gutterForegroundColor#d4be98
- gitlens.gutterUncommittedForegroundColor#7daea3
- gitlens.lineHighlightBackgroundColor#32302f
- gitlens.lineHighlightOverviewRulerColor#a89984
- gitlens.mergedPullRequestIconColor#d3869b
- gitlens.openPullRequestIconColor#89b482
- gitlens.trailingLineForegroundColor#928374
- gitlens.unpublishedCommitIconColor#d8a657
- gitlens.unpulledChangesIconColor#e78a4e
- gitlens.unpushlishedChangesIconColor#7daea3
- icon.foreground#89b482
- imagePreview.border#282828
- input.background#28282800
- input.border#45403d
- input.foreground#d4be98
- input.placeholderForeground#7c6f64
- inputOption.activeBorder#89b482
- inputValidation.errorBackground#b85651
- inputValidation.errorBorder#ea6962
- inputValidation.errorForeground#d4be98
- inputValidation.infoBackground#68948a
- inputValidation.infoBorder#7daea3
- inputValidation.infoForeground#d4be98
- inputValidation.warningBackground#c18f41
- inputValidation.warningBorder#d8a657
- inputValidation.warningForeground#d4be98
- issues.closed#ea6962
- issues.open#89b482
- keybindingLabel.background#28282800
- keybindingLabel.border#1c1c1c
- keybindingLabel.bottomBorder#101010
- keybindingLabel.foreground#d4be98
- keybindingTable.headerBackground#383432
- keybindingTable.rowsBackground#32302f
- list.activeSelectionBackground#45403d60
- list.activeSelectionForeground#d4be98
- list.dropBackground#32302f80
- list.errorForeground#ea6962
- list.focusBackground#45403d60
- list.focusForeground#d4be98
- list.highlightForeground#a9b665
- list.hoverBackground#28282800
- list.hoverForeground#d4be98
- list.inactiveFocusBackground#45403d48
- list.inactiveSelectionBackground#45403d48
- list.inactiveSelectionForeground#a89984
- list.invalidItemForeground#b85651
- list.warningForeground#d8a657
- menu.background#282828
- menu.foreground#a89984
- menu.selectionBackground#32302f
- menu.selectionForeground#d4be98
- menubar.selectionBackground#282828
- menubar.selectionBorder#282828
- merge.border#28282800
- merge.currentContentBackground#68948a40
- merge.currentHeaderBackground#68948a80
- merge.incomingContentBackground#72966c40
- merge.incomingHeaderBackground#72966c80
- minimap.errorHighlight#b8565180
- minimap.findMatchHighlight#72966c60
- minimap.selectionHighlight#504945f0
- minimap.warningHighlight#c18f4180
- minimapGutter.addedBackground#8f9a52a0
- minimapGutter.deletedBackground#b85651a0
- minimapGutter.modifiedBackground#68948aa0
- notebook.cellBorderColor#5a524c
- notebook.cellHoverBackground#282828
- notebook.cellStatusBarItemHoverBackground#3c3836
- notebook.cellToolbarSeparator#5a524c
- notebook.focusedCellBackground#282828
- notebook.focusedCellBorder#5a524c
- notebook.focusedEditorBorder#5a524c
- notebook.focusedRowBorder#5a524c
- notebook.inactiveFocusedCellBorder#5a524c
- notebook.outputContainerBackgroundColor#32302f
- notebook.selectedCellBorder#5a524c
- notebookStatusErrorIcon.foreground#ea6962
- notebookStatusRunningIcon.foreground#7daea3
- notebookStatusSuccessIcon.foreground#a9b665
- notificationCenterHeader.background#504945
- notificationCenterHeader.foreground#ddc7a1
- notificationLink.foreground#a9b665
- notifications.background#282828
- notifications.foreground#d4be98
- notificationsErrorIcon.foreground#ea6962
- notificationsInfoIcon.foreground#7daea3
- notificationsWarningIcon.foreground#d8a657
- panel.background#282828
- panel.border#000000
- panelInput.border#45403d
- panelSection.border#101010
- panelSectionHeader.background#282828
- panelTitle.activeBorder#928374
- panelTitle.activeForeground#a89984
- panelTitle.inactiveForeground#7c6f64
- peekView.border#3c3836
- peekViewEditor.background#32302f
- peekViewEditor.matchHighlightBackground#c18f4150
- peekViewEditorGutter.background#32302f
- peekViewResult.background#32302f
- peekViewResult.fileForeground#d4be98
- peekViewResult.lineForeground#a89984
- peekViewResult.matchHighlightBackground#c18f4150
- peekViewResult.selectionBackground#72966c50
- peekViewResult.selectionForeground#c5b18d
- peekViewTitle.background#3c3836
- peekViewTitleDescription.foreground#c5b18d
- peekViewTitleLabel.foreground#a9b665
- pickerGroup.border#ddc7a11a
- pickerGroup.foreground#d4be98
- ports.iconRunningProcessForeground#e78a4e
- problemsErrorIcon.foreground#ea6962
- problemsInfoIcon.foreground#7daea3
- problemsWarningIcon.foreground#d8a657
- progressBar.background#a9b665
- quickInputTitle.background#3c3836
- rust_analyzer.inlayHints.background#28282800
- rust_analyzer.inlayHints.foreground#7c6f64
- rust_analyzer.syntaxTreeBorder#ea6962
- sash.hoverBorder#7c6f64
- scrollbar.shadow#00000070
- scrollbarSlider.activeBackground#a89984
- scrollbarSlider.background#7c6f6480
- scrollbarSlider.hoverBackground#7c6f64
- selection.background#504945d0
- settings.checkboxBackground#282828
- settings.checkboxBorder#5a524c
- settings.checkboxForeground#e78a4e
- settings.dropdownBackground#282828
- settings.dropdownBorder#5a524c
- settings.dropdownForeground#89b482
- settings.focusedRowBackground#32302f
- settings.headerForeground#a89984
- settings.modifiedItemIndicator#7c6f64
- settings.numberInputBackground#282828
- settings.numberInputBorder#5a524c
- settings.numberInputForeground#d3869b
- settings.rowHoverBackground#32302f
- settings.textInputBackground#282828
- settings.textInputBorder#5a524c
- settings.textInputForeground#7daea3
- sideBar.background#282828
- sideBar.border#000000
- sideBar.foreground#928374
- sideBarSectionHeader.background#28282800
- sideBarSectionHeader.foreground#a89984
- sideBarTitle.foreground#a89984
- statusBar.background#282828
- statusBar.border#000000
- statusBar.debuggingBackground#282828
- statusBar.debuggingForeground#e78a4e
- statusBar.foreground#a89984
- statusBar.noFolderBackground#282828
- statusBar.noFolderBorder#282828
- statusBar.noFolderForeground#a89984
- statusBarItem.activeBackground#3c3836a0
- statusBarItem.errorBackground#282828
- statusBarItem.errorForeground#ea6962
- statusBarItem.hoverBackground#3c3836
- statusBarItem.prominentBackground#282828
- statusBarItem.prominentForeground#d4be98
- statusBarItem.prominentHoverBackground#3c3836a0
- statusBarItem.remoteBackground#282828
- statusBarItem.remoteForeground#a89984
- statusBarItem.warningBackground#282828
- statusBarItem.warningForeground#d8a657
- symbolIcon.arrayForeground#7daea3
- symbolIcon.booleanForeground#d3869b
- symbolIcon.classForeground#d8a657
- symbolIcon.colorForeground#d4be98
- symbolIcon.constantForeground#89b482
- symbolIcon.constructorForeground#d3869b
- symbolIcon.enumeratorForeground#d3869b
- symbolIcon.enumeratorMemberForeground#89b482
- symbolIcon.eventForeground#d8a657
- symbolIcon.fieldForeground#d4be98
- symbolIcon.fileForeground#d4be98
- symbolIcon.folderForeground#d4be98
- symbolIcon.functionForeground#a9b665
- symbolIcon.interfaceForeground#d8a657
- symbolIcon.keyForeground#a9b665
- symbolIcon.keywordForeground#ea6962
- symbolIcon.methodForeground#a9b665
- symbolIcon.moduleForeground#d3869b
- symbolIcon.namespaceForeground#d3869b
- symbolIcon.nullForeground#89b482
- symbolIcon.numberForeground#d3869b
- symbolIcon.objectForeground#d3869b
- symbolIcon.operatorForeground#e78a4e
- symbolIcon.packageForeground#d3869b
- symbolIcon.propertyForeground#89b482
- symbolIcon.referenceForeground#7daea3
- symbolIcon.snippetForeground#d4be98
- symbolIcon.stringForeground#a9b665
- symbolIcon.structForeground#d8a657
- symbolIcon.textForeground#d4be98
- symbolIcon.typeParameterForeground#89b482
- symbolIcon.unitForeground#d4be98
- symbolIcon.variableForeground#7daea3
- tab.activeBackground#282828
- tab.activeBorder#a89984
- tab.activeForeground#d4be98
- tab.border#282828
- tab.hoverBackground#212121
- tab.hoverForeground#d4be98
- tab.inactiveBackground#282828
- tab.inactiveForeground#7c6f64
- tab.lastPinnedBorder#a89984
- tab.unfocusedActiveBorder#928374
- tab.unfocusedActiveForeground#a89984
- tab.unfocusedHoverForeground#d4be98
- tab.unfocusedInactiveForeground#7c6f64
- terminal.ansiBlack#32302f
- terminal.ansiBlue#7daea3
- terminal.ansiBrightBlack#928374
- terminal.ansiBrightBlue#7daea3
- terminal.ansiBrightCyan#89b482
- terminal.ansiBrightGreen#a9b665
- terminal.ansiBrightMagenta#d3869b
- terminal.ansiBrightRed#ea6962
- terminal.ansiBrightWhite#ddc7a1
- terminal.ansiBrightYellow#d8a657
- terminal.ansiCyan#89b482
- terminal.ansiGreen#a9b665
- terminal.ansiMagenta#d3869b
- terminal.ansiRed#ea6962
- terminal.ansiWhite#d4be98
- terminal.ansiYellow#d8a657
- terminal.foreground#d4be98
- terminalCursor.foreground#d4be98
- testing.iconErrored#ea6962
- testing.iconFailed#ea6962
- testing.iconPassed#89b482
- testing.iconQueued#7daea3
- testing.iconSkipped#d3869b
- testing.iconUnset#d8a657
- testing.runAction#89b482
- textBlockQuote.background#32302f
- textBlockQuote.border#a89984
- textCodeBlock.background#32302f
- textLink.activeForeground#8f9a52
- textLink.foreground#a9b665
- textPreformat.foreground#d8a657
- titleBar.activeBackground#282828
- titleBar.activeForeground#a89984
- titleBar.border#282828
- titleBar.inactiveBackground#282828
- titleBar.inactiveForeground#7c6f64
- toolbar.hoverBackground#383432
- tree.indentGuidesStroke#7c6f64
- walkThrough.embeddedEditorBackground#1c1c1c
- welcomePage.buttonBackground#32302f
- welcomePage.buttonHoverBackground#32302fa0
- welcomePage.progress.foreground#a9b665
- welcomePage.tileHoverBackground#32302f
- widget.shadow#00000070
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.type.function, storage.type.class, storage.type.enum, storage.type.interface, storage.type.property, keyword.operator.new, keyword.operator.expression, keyword.operator.new, keyword.operator.delete, storage.type.extends | #ea6962 | — |
| keyword.other.debugger | #ea6962 | — |
| storage, modifier, keyword.var, entity.name.tag, keyword.control.case, keyword.control.switch | #ea6962 | — |
| keyword.operator | #e78a4e | — |
| string, punctuation.definition.string.end, punctuation.definition.string.begin, punctuation.definition.string.template.begin, punctuation.definition.string.template.end | #89b482 | — |
| entity.other.attribute-name | #d8a657 | — |
| constant.character.escape, punctuation.quasi.element, punctuation.definition.template-expression, punctuation.section.embedded, storage.type.format, constant.other.placeholder, constant.other.placeholder, variable.interpolation | #a9b665 | — |
| entity.name.function.preprocessor, entity.name.function, support.function, meta.function, meta.function-call, meta.definition.method | #a9b665 | — |
| keyword.control.at-rule, keyword.control.import, keyword.control.export, storage.type.namespace, punctuation.decorator, keyword.control.directive, keyword.preprocessor, punctuation.definition.preprocessor, punctuation.definition.directive, keyword.other.import, keyword.other.package, entity.name.type.namespace, entity.name.scope-resolution, keyword.other.using, keyword.package, keyword.import, keyword.map | #ea6962 | — |
| storage.type.annotation | #89b482 | — |
| entity.name.label, constant.other.label | #89b482 | — |
| support.module, support.node, support.other.module, support.type.object.module, entity.name.type.module, entity.name.type.class.module, keyword.control.module | #89b482 | — |
| storage.type, support.type, entity.name.type, keyword.type | #d8a657 | — |
| entity.name.type.class, support.class, entity.name.class, entity.other.inherited-class, storage.class | #d8a657 | — |
| constant.numeric | #d3869b | — |
| constant.language.boolean | #d3869b | — |
| entity.name.function.preprocessor | #a9b665 | — |
| variable.language.this, variable.language.self, variable.language.super, keyword.other.this, variable.language.special, constant.language.null, constant.language.undefined, constant.language.nan, variable.parameter.function.language.special.self.python | #d3869b | — |
| constant.language, support.constant | #d3869b | — |
| variable, support.variable, meta.definition.variable, constant.other.caps.rust | #d4be98 | — |
| support.type.property-name.json, variable.object.property, support.variable.property, variable.other.property, variable.other.object.property, variable.other.enummember, variable.other.member, meta.object-literal.key | #7daea3 | — |
| comment, string.comment, punctuation.definition.comment | #928374 | italic |
| storage.type.struct, storage.type.union.c | #ea6962 | — |
| support.type.property-name.toml, support.type.property-name.table.toml, support.type.property-name.array.toml | #7DAEA3 | — |
| punctuation.terminator, constant.character.escape.line-continuation | #7c6f64 | — |
| keyword.cmake | #a9b665 | — |
| punctuation, meta.brace, meta.delimiter, meta.bracket | #d4be98 | — |