Gruber Darker VSCode
Publisher: Xiayong LiThemes in package: 1
A faithful port of the Gruber Darker color theme from Emacs to VS Code. A darker variant of John Gruber's Gruber Dark theme for BBEdit.
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.activeBackground#181818
- activityBar.activeBorder#ffdd33
- activityBar.background#101010
- activityBar.foreground#e4e4ef
- activityBar.inactiveForeground#52494e
- activityBarBadge.background#ffdd33
- activityBarBadge.foreground#000000
- badge.background#ffdd33
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#ffdd33
- breadcrumb.background#181818
- breadcrumb.focusForeground#e4e4ef
- breadcrumb.foreground#95a99f
- button.background#565f73
- button.foreground#ffffff
- button.hoverBackground#96a6c8
- button.secondaryBackground#282828
- button.secondaryForeground#e4e4ef
- button.secondaryHoverBackground#484848
- commandCenter.activeBackground#28282880
- commandCenter.activeForeground#ffdd33
- commandCenter.background#101010
- commandCenter.border#453d41
- commandCenter.foreground#e4e4ef
- commandCenter.inactiveForeground#52494e
- debugIcon.breakpointDisabledForeground#c73c3f
- debugIcon.breakpointForeground#f43841
- debugIcon.continueForeground#73c936
- debugIcon.pauseForeground#ffdd33
- debugIcon.restartForeground#ffdd33
- debugIcon.startForeground#73c936
- debugIcon.stepBackForeground#9e95c7
- debugIcon.stepIntoForeground#96a6c8
- debugIcon.stepOverForeground#96a6c8
- debugIcon.stopForeground#f43841
- descriptionForeground#95a99f
- diffEditor.diagonalFill#282828
- diffEditor.insertedTextBackground#73c93633
- diffEditor.removedTextBackground#ff4f5833
- diffEditor.unchangedCodeBackground#10101080
- diffEditorGutter.insertedLineBackground#73c93622
- diffEditorGutter.removedLineBackground#ff4f5822
- dropdown.background#101010
- dropdown.border#453d41
- dropdown.foreground#e4e4ef
- editor.background#181818
- editor.findMatchBackground#f5f5f5cc
- editor.findMatchForeground#000000
- editor.findMatchHighlightBackground#565f7388
- editor.findRangeHighlightBackground#28282880
- editor.foldBackground#28282880
- editor.foreground#e4e4ef
- editor.lineHighlightBackground#282828
- editor.selectionBackground#484848
- editor.selectionForeground#e4e4ef
- editor.selectionHighlightBackground#52494e80
- editorBracketMatch.background#52494e80
- editorBracketMatch.border#52494e
- editorCodeLens.foreground#52494e
- editorCursor.foreground#ffdd33
- editorError.foreground#f43841
- editorGhostText.foreground#52494e
- editorGroup.border#453d41
- editorGroup.dropBackground#28282880
- editorGroup.emptyBackground#181818
- editorGroupHeader.tabsBackground#101010
- editorGutter.addedBackground#73c93680
- editorGutter.background#181818
- editorGutter.deletedBackground#ff4f5880
- editorGutter.modifiedBackground#ffdd3380
- editorHint.foreground#73c936
- editorHoverWidget.background#101010
- editorHoverWidget.border#453d41
- editorHoverWidget.foreground#e4e4ef
- editorHoverWidget.statusBarBackground#282828
- editorIndentGuide.activeBackground1#453d41
- editorIndentGuide.background1#282828
- editorInlayHint.background#28282880
- editorInlayHint.foreground#95a99f
- editorInlayHint.typeBackground#28282880
- editorInlayHint.typeForeground#95a99f
- editorLineNumber.activeForeground#ffdd33
- editorLineNumber.foreground#52494e
- editorOverviewRuler.addedForeground#73c93680
- editorOverviewRuler.border#453d41
- editorOverviewRuler.deletedForeground#ff4f5880
- editorOverviewRuler.errorForeground#f43841
- editorOverviewRuler.infoForeground#73c936
- editorOverviewRuler.modifiedForeground#ffdd3380
- editorOverviewRuler.warningForeground#ffdd33
- editorRuler.foreground#282828
- editorSuggestWidget.background#101010
- editorSuggestWidget.border#453d41
- editorSuggestWidget.foreground#e4e4ef
- editorSuggestWidget.highlightForeground#ffdd33
- editorSuggestWidget.selectedBackground#282828
- editorWarning.foreground#ffdd33
- editorWhitespace.foreground#282828
- editorWidget.background#101010
- editorWidget.border#453d41
- editorWidget.foreground#e4e4ef
- errorForeground#f43841
- focusBorder#565f73
- foreground#e4e4ef
- gitDecoration.addedResourceForeground#73c936
- gitDecoration.conflictingResourceForeground#ff4f58
- gitDecoration.deletedResourceForeground#ff4f58
- gitDecoration.ignoredResourceForeground#52494e
- gitDecoration.modifiedResourceForeground#ffdd33
- gitDecoration.stageDeletedResourceForeground#ff4f58
- gitDecoration.stageModifiedResourceForeground#ffdd33
- gitDecoration.untrackedResourceForeground#73c936
- icon.foreground#e4e4ef
- input.background#101010
- input.border#453d41
- input.foreground#e4e4ef
- input.placeholderForeground#52494e
- inputOption.activeBackground#ffdd3333
- inputOption.activeBorder#ffdd33
- inputOption.activeForeground#e4e4ef
- list.activeSelectionBackground#484848
- list.activeSelectionForeground#e4e4ef
- list.errorForeground#f43841
- list.focusBackground#282828
- list.focusForeground#e4e4ef
- list.highlightForeground#ffdd33
- list.hoverBackground#282828
- list.hoverForeground#e4e4ef
- list.inactiveSelectionBackground#282828
- list.inactiveSelectionForeground#e4e4ef
- list.warningForeground#ffdd33
- merge.commonContentBackground#453d4155
- merge.commonHeaderBackground#453d4199
- merge.currentContentBackground#565f7355
- merge.currentHeaderBackground#565f7399
- merge.incomingContentBackground#96a6c855
- merge.incomingHeaderBackground#96a6c899
- minimap.background#101010
- minimap.selectionHighlight#48484880
- minimapGutter.addedBackground#73c93680
- minimapGutter.deletedBackground#ff4f5880
- minimapGutter.modifiedBackground#ffdd3380
- notificationCenter.border#453d41
- notificationCenterHeader.foreground#95a99f
- notifications.background#282828
- notifications.border#453d41
- notifications.foreground#e4e4ef
- notificationsErrorIcon.foreground#f43841
- notificationsInfoIcon.foreground#73c936
- notificationsWarningIcon.foreground#ffdd33
- notificationToast.border#453d41
- panel.background#101010
- panel.border#453d41
- panelTitle.activeBorder#ffdd33
- panelTitle.activeForeground#e4e4ef
- panelTitle.inactiveForeground#52494e
- peekView.border#565f73
- peekViewEditor.background#181818
- peekViewEditorGutter.background#181818
- peekViewResult.background#101010
- peekViewResult.matchHighlightBackground#565f7388
- peekViewResult.selectionBackground#282828
- peekViewTitleDescription.foreground#95a99f
- peekViewTitleLabel.foreground#e4e4ef
- progressBar.background#ffdd33
- scrollbarSlider.activeBackground#52494ecc
- scrollbarSlider.background#52494e55
- scrollbarSlider.hoverBackground#52494e99
- selection.background#484848
- sideBar.background#101010
- sideBar.border#000000
- sideBar.foreground#e4e4ef
- sideBarSectionHeader.background#282828
- sideBarSectionHeader.foreground#e4e4ef
- sideBarTitle.foreground#e4e4ef
- statusBar.background#282828
- statusBar.debuggingBackground#f43841
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#282828
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#484848
- statusBarItem.hoverBackground#484848
- statusBarItem.prominentBackground#484848
- statusBarItem.prominentHoverBackground#52494e
- statusBarItem.remoteBackground#96a6c8
- statusBarItem.remoteForeground#000000
- symbolIcon.arrayForeground#95a99f
- symbolIcon.booleanForeground#95a99f
- symbolIcon.classForeground#95a99f
- symbolIcon.colorForeground#9e95c7
- symbolIcon.constantForeground#95a99f
- symbolIcon.constructorForeground#96a6c8
- symbolIcon.enumeratorForeground#95a99f
- symbolIcon.enumeratorMemberForeground#95a99f
- symbolIcon.eventForeground#ffdd33
- symbolIcon.fieldForeground#f4f4ff
- symbolIcon.fileForeground#e4e4ef
- symbolIcon.folderForeground#e4e4ef
- symbolIcon.functionForeground#96a6c8
- symbolIcon.interfaceForeground#95a99f
- symbolIcon.keyForeground#95a99f
- symbolIcon.keywordForeground#ffdd33
- symbolIcon.methodForeground#96a6c8
- symbolIcon.moduleForeground#96a6c8
- symbolIcon.namespaceForeground#96a6c8
- symbolIcon.numberForeground#9e95c7
- symbolIcon.objectForeground#95a99f
- symbolIcon.operatorForeground#e4e4ef
- symbolIcon.propertyForeground#f4f4ff
- symbolIcon.referenceForeground#96a6c8
- symbolIcon.snippetForeground#e4e4ef
- symbolIcon.stringForeground#73c936
- symbolIcon.structForeground#95a99f
- symbolIcon.textForeground#e4e4ef
- symbolIcon.typeParameterForeground#95a99f
- symbolIcon.unitForeground#9e95c7
- symbolIcon.variableForeground#f4f4ff
- tab.activeBackground#181818
- tab.activeBorderTop#ffdd33
- tab.activeForeground#e4e4ef
- tab.border#101010
- tab.hoverBackground#282828
- tab.hoverForeground#e4e4ef
- tab.inactiveBackground#101010
- tab.inactiveForeground#52494e
- 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.border#453d41
- terminal.foreground#e4e4ef
- terminal.selectionBackground#48484880
- terminalCursor.foreground#ffdd33
- testing.iconFailed#f43841
- testing.iconPassed#73c936
- testing.iconQueued#ffdd33
- testing.runAction#73c936
- textLink.activeForeground#f4f4ff
- textLink.foreground#96a6c8
- titleBar.activeBackground#101010
- titleBar.activeForeground#e4e4ef
- titleBar.border#000000
- titleBar.inactiveBackground#101010
- titleBar.inactiveForeground#52494e
- tree.indentGuidesStroke#453d41
- widget.shadow#00000099
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #cc8c3c | — |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other, string.unquoted, string.interpolated, string.template, string.regexp, constant.other.symbol | #73c936 | — |
| comment.block.documentation, comment.line.documentation, string.quoted.docstring, string.quoted.docstring.single, string.quoted.docstring.double, string.quoted.docstring.triple | #73c936 | — |
| keyword, keyword.control, keyword.control.import, keyword.control.export, keyword.control.flow, keyword.operator.expression, keyword.other, storage, storage.type, storage.modifier | #ffdd33 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.bitwise, keyword.operator.increment, keyword.operator.decrement, keyword.operator.relational | #e4e4ef | — |
| keyword.other.unit | #9e95c7 | — |
| support.type.builtin, support.function.builtin, keyword.other.special-method, variable.language, support.constant.core | #ffdd33 | — |
| entity.name.function, support.function, meta.function-call, meta.method-call, variable.function | #96a6c8 | — |
| variable, variable.other | #f4f4ff | — |
| constant, constant.language, constant.other, constant.character.named, entity.name.constant, support.constant, support.variable, variable.other.constant | #95a99f | — |
| constant.numeric, constant.character.numeric | #9e95c7 | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.interface, entity.name.trait, support.type, support.class | #95a99f | — |
| support.type.property-name | #95a99f | — |
| meta.preprocessor, entity.name.function.preprocessor, meta.preprocessor.string, meta.preprocessor.numeric | #95a99f | — |
| invalid, invalid.illegal, invalid.deprecated, keyword.other.invalid | #f43841 | — |
| entity.name.tag, meta.tag.sgml | #96a6c8 | — |
| entity.other.attribute-name | #95a99f | — |
| entity.name.decorator, meta.decorator, punctuation.definition.decorator | #96a6c8 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.tag, punctuation.definition.tag | #e4e4ef | — |
| markup.inserted | #73c936 | — |
| markup.deleted | #ff4f58 | — |
| markup.changed | #ffdd33 | — |
| markup.underline.link, constant.other.reference.link, *url*, *uri* | #96a6c8 | underline |
| markup.heading, markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #96a6c8 | bold |
| markup.bold | #e4e4ef | bold |
| markup.italic | #e4e4ef | italic |
| markup.quote | #95a99f | italic |
| markup.raw, markup.raw.inline, markup.raw.block | #95a99f | — |
| markup.list, punctuation.definition.list_item.markdown | #ffdd33 | — |