gruber-darker-vscode
Publisher: Arc WardethThemes in package: 1
A VS Code port of rexim's Gruber Darker Emacs theme.
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.background#101010
- activityBar.foreground#ffdd33
- activityBar.inactiveForeground#95a99f
- activityBarBadge.background#ffdd33
- activityBarBadge.foreground#000000
- badge.background#453d41
- badge.foreground#ffdd33
- breadcrumb.activeSelectionForeground#ffdd33
- breadcrumb.background#181818
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#95a99f
- button.background#453d41
- button.foreground#ffffff
- button.hoverBackground#52494e
- button.secondaryBackground#282828
- button.secondaryForeground#e4e4ef
- button.secondaryHoverBackground#453d41
- debugToolBar.background#282828
- debugToolBar.border#453d41
- descriptionForeground#95a99f
- diffEditor.insertedLineBackground#73c93612
- diffEditor.insertedTextBackground#73c93622
- diffEditor.removedLineBackground#f4384112
- diffEditor.removedTextBackground#f4384122
- dropdown.background#181818
- dropdown.border#453d41
- dropdown.foreground#e4e4ef
- editor.background#181818
- editor.findMatchBackground#565f73
- editor.findMatchBorder#ffdd33
- editor.findMatchForeground#ffffff
- editor.findMatchHighlightBackground#453d41
- editor.findMatchHighlightBorder#00000000
- editor.findMatchHighlightForeground#f4f4ff
- editor.findRangeHighlightBackground#28282888
- editor.foreground#e4e4ef
- editor.hoverHighlightBackground#282828
- editor.inactiveSelectionBackground#48484888
- editor.lineHighlightBackground#282828
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#28282888
- editor.selectionBackground#484848
- editor.selectionHighlightBackground#453d4188
- editor.wordHighlightBackground#453d4166
- editor.wordHighlightStrongBackground#52494e88
- editorBracketMatch.background#52494e
- editorBracketMatch.border#00000000
- editorCodeLens.foreground#95a99f
- editorCursor.foreground#ffdd33
- editorError.foreground#ff4f58
- editorGroup.border#282828
- editorGroup.dropBackground#30354088
- editorGroupHeader.tabsBackground#101010
- editorGroupHeader.tabsBorder#282828
- editorGutter.addedBackground#73c936
- editorGutter.background#181818
- editorGutter.deletedBackground#f43841
- editorGutter.modifiedBackground#96a6c8
- editorHint.foreground#95a99f
- editorHoverWidget.background#282828
- editorHoverWidget.border#453d41
- editorIndentGuide.activeBackground1#52494e
- editorIndentGuide.background1#282828
- editorInfo.foreground#96a6c8
- editorLineNumber.activeForeground#ffdd33
- editorLineNumber.foreground#52494e
- editorOverviewRuler.border#101010
- editorOverviewRuler.errorForeground#f43841
- editorOverviewRuler.infoForeground#96a6c8
- editorOverviewRuler.warningForeground#ffdd33
- editorRuler.foreground#453d41
- editorSuggestWidget.background#282828
- editorSuggestWidget.border#453d41
- editorSuggestWidget.foreground#e4e4ef
- editorSuggestWidget.highlightForeground#73c936
- editorSuggestWidget.selectedBackground#101010
- editorSuggestWidget.selectedForeground#ffffff
- editorWarning.foreground#ffdd33
- editorWhitespace.foreground#282828
- editorWidget.background#181818
- editorWidget.border#453d41
- editorWidget.foreground#e4e4ef
- errorForeground#ff4f58
- extensionButton.prominentBackground#453d41
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#52494e
- focusBorder#ffdd33
- foreground#e4e4ef
- gitDecoration.addedResourceForeground#73c936
- gitDecoration.conflictingResourceForeground#cc8c3c
- gitDecoration.deletedResourceForeground#ff4f58
- gitDecoration.ignoredResourceForeground#52494e
- gitDecoration.modifiedResourceForeground#96a6c8
- gitDecoration.untrackedResourceForeground#73c936
- icon.foreground#95a99f
- input.background#101010
- input.border#453d41
- input.foreground#e4e4ef
- input.placeholderForeground#95a99f
- inputValidation.errorBackground#181818
- inputValidation.errorBorder#f43841
- inputValidation.infoBackground#181818
- inputValidation.infoBorder#96a6c8
- inputValidation.warningBackground#181818
- inputValidation.warningBorder#ffdd33
- list.activeSelectionBackground#453d41
- list.activeSelectionForeground#ffffff
- list.dropBackground#303540
- list.errorForeground#ff4f58
- list.focusBackground#282828
- list.focusForeground#f4f4ff
- list.highlightForeground#ffdd33
- list.hoverBackground#282828
- list.hoverForeground#f4f4ff
- list.inactiveSelectionBackground#282828
- list.inactiveSelectionForeground#e4e4ef
- list.warningForeground#cc8c3c
- menu.background#181818
- menu.foreground#e4e4ef
- menu.selectionBackground#282828
- menu.selectionForeground#ffffff
- menu.separatorBackground#453d41
- menubar.selectionBackground#282828
- menubar.selectionForeground#ffffff
- notificationLink.foreground#96a6c8
- notifications.background#181818
- notifications.border#453d41
- notifications.foreground#e4e4ef
- panel.background#181818
- panel.border#282828
- panelTitle.activeBorder#ffdd33
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#95a99f
- peekView.border#453d41
- peekViewEditor.background#101010
- peekViewEditor.matchHighlightBackground#565f73
- peekViewResult.background#181818
- peekViewResult.fileForeground#96a6c8
- peekViewResult.lineForeground#e4e4ef
- peekViewResult.matchHighlightBackground#565f73
- peekViewTitle.background#282828
- peekViewTitleDescription.foreground#95a99f
- peekViewTitleLabel.foreground#ffffff
- progressBar.background#96a6c8
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#565f73
- scrollbarSlider.background#453d4188
- scrollbarSlider.hoverBackground#52494eaa
- selection.background#484848
- sideBar.background#181818
- sideBar.border#282828
- sideBar.foreground#e4e4ef
- sideBarSectionHeader.background#282828
- sideBarSectionHeader.border#453d41
- sideBarSectionHeader.foreground#ffdd33
- sideBarTitle.foreground#ffffff
- statusBar.background#282828
- statusBar.debuggingBackground#c73c3f
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#282828
- statusBar.noFolderForeground#95a99f
- statusBarItem.hoverBackground#453d41
- statusBarItem.remoteBackground#96a6c8
- statusBarItem.remoteForeground#000000
- tab.activeBackground#181818
- tab.activeBorderTop#ffdd33
- tab.activeForeground#ffffff
- tab.border#282828
- tab.hoverBackground#282828
- tab.hoverForeground#f4f4ff
- tab.inactiveBackground#101010
- tab.inactiveForeground#95a99f
- terminal.ansiBlack#484848
- terminal.ansiBlue#96a6c8
- terminal.ansiBrightBlack#52494e
- terminal.ansiBrightBlue#96a6c8
- terminal.ansiBrightCyan#95a99f
- terminal.ansiBrightGreen#73c936
- terminal.ansiBrightMagenta#9e95c7
- terminal.ansiBrightRed#ff4f58
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffdd33
- terminal.ansiCyan#95a99f
- terminal.ansiGreen#73c936
- terminal.ansiMagenta#9e95c7
- terminal.ansiRed#c73c3f
- terminal.ansiWhite#e4e4ef
- terminal.ansiYellow#ffdd33
- terminal.background#181818
- terminal.foreground#e4e4ef
- terminalCursor.foreground#ffdd33
- textBlockQuote.background#282828
- textBlockQuote.border#453d41
- textCodeBlock.background#101010
- textLink.activeForeground#f4f4ff
- textLink.foreground#96a6c8
- titleBar.activeBackground#101010
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#101010
- titleBar.inactiveForeground#95a99f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #e4e4ef | — |
| comment, punctuation.definition.comment | #cc8c3c | italic |
| string, string.quoted, string.template, comment.block.documentation, constant.other.symbol | #73c936 | — |
| keyword, storage, storage.type, storage.modifier, variable.language, support.type.property-name.css | #ffdd33 | bold |
| keyword.operator, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.tag | #e4e4ef | |
| entity.name.function, support.function, meta.function-call, variable.function, entity.name.tag | #96a6c8 | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, support.type, support.class, constant.language, constant.numeric, constant.character, constant.other | #95a99f | — |
| variable, variable.parameter, meta.object-literal.key, support.variable.property | #f4f4ff | — |
| variable.other.property, variable.other.object.property, entity.other.attribute-name, support.type.property-name | #e4e4ef | — |
| meta.preprocessor, keyword.control.directive, punctuation.definition.directive, meta.decorator, entity.name.function.decorator | #95a99f | — |
| invalid, invalid.illegal, invalid.deprecated | #ff4f58 | — |
| markup.heading, markup.heading entity.name | #96a6c8 | bold |
| markup.underline.link, string.other.link | #96a6c8 | underline |
| markup.italic | #95a99f | italic |
| markup.bold | #95a99f | bold |
| markup.inserted | #73c936 | — |
| markup.deleted | #ff4f58 | — |
| markup.changed | #ffdd33 | — |