Gruber Darker
Publisher: Francisco SilvaThemes in package: 1
Visual Studio Code version of the Gruber Darker theme made by Alexey Kutepov a.k.a. rexim, based on the Gruber Dark theme for BBEdit by John Gruber.
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#181818
- activityBar.foreground#e4e4ef
- activityBarBadge.background#73c936
- activityBarBadge.foreground#181818
- badge.background#73c936
- badge.foreground#181818
- debugToolBar.background#282828
- debugToolBar.border#282828
- dropdown.background#282828
- dropdown.border#282828
- editor.background#181818
- editor.findMatchBackground#52494e
- editor.findMatchHighlightBackground#52494e
- editor.findRangeHighlightBackground#52494e
- editor.hoverHighlightBackground#52494e
- editor.lineHighlightBackground#282828
- editor.selectionBackground#453d41
- editor.selectionHighlightBackground#282828
- editor.wordHighlightBackground#52494e
- editor.wordHighlightStrongBackground#52494e
- editorCursor.foreground#ffdd33
- editorError.foreground#f43841
- editorGroup.border#282828
- editorGroupHeader.tabsBackground#181818
- editorGutter.addedBackground#73c936
- editorGutter.deletedBackground#f43841
- editorGutter.modifiedBackground#73c936
- editorHint.foreground#9e95c7
- editorIndentGuide.background1#484848
- editorInfo.foreground#73c936
- editorLineNumber.activeForeground#ffdd33
- editorLineNumber.foreground#484848
- editorOverviewRuler.findMatchForeground#52494e
- editorOverviewRuler.selectionHighlightForeground#52494e
- editorSuggestWidget.background#282828
- editorSuggestWidget.border#282828
- editorSuggestWidget.foreground#e4e4ef
- editorSuggestWidget.highlightForeground#73c936
- editorSuggestWidget.selectedBackground#52494e
- editorWarning.foreground#cc8c3c
- editorWhitespace.foreground#484848
- editorWidget.background#282828
- editorWidget.border#282828
- foreground#e4e4ef
- panel.background#282828
- panel.border#282828
- panelTitle.activeBorder#52494e
- panelTitle.activeForeground#e4e4ef
- panelTitle.inactiveForeground#e4e4ef
- scrollbarSlider.activeBackground#52494e
- scrollbarSlider.background#282828
- scrollbarSlider.hoverBackground#52494e
- statusBar.background#181818
- statusBar.foreground#e4e4ef
- statusBarItem.prominentBackground#282828
- statusBarItem.prominentHoverBackground#52494e
- tab.activeBackground#282828
- tab.activeForeground#e4e4ef
- tab.border#282828
- tab.inactiveBackground#181818
- tab.inactiveForeground#e4e4ef
- welcomePage.background#282828
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #cc8c3c | — |
| keyword | #ffdd33 | — |
| variable.language, variable.parameter, variable.other | #9e95c7 | — |
| constant | #cc8c3c | — |
| string | #73c936 | — |
| entity.name.class | #73c936 | — |
| entity.name.function | #96a6c8 | — |
| variable.function | #96a6c8 | — |
| support.function | #96a6c8 | — |
| entity.name.type | #73c936 | — |
| meta.preprocessor | #cc8c3c | — |
| variable, variable.other.local | #e4e4ef | — |
| entity.name.tag | #9e95c7 | — |
| variable.other | #e4e4ef | — |
| entity.other.attribute-name, string.attribute | #9e95c7 | — |
| entity.name.tag.css, entity.name.tag.scss | #73c936 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...