Warhammer 40k: Grimdark Elite
Publisher: Dru1DDThemes in package: 16
Premium faction themes for Warhammer 40k devotees. Sixteen carefully crafted dark, mid-dark, and light environments for long coding sessions.
Color themes
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#10182A00
- activityBar.activeBorder#3A5A90
- activityBar.background#06080F
- activityBar.border#101620
- activityBar.dropBorder#3A5A90
- activityBar.foreground#485870
- activityBar.inactiveForeground#1E2438
- activityBarBadge.background#3A5A90
- activityBarBadge.foreground#EAF0FF
- badge.background#3A5A90
- badge.foreground#EAF0FF
- breadcrumb.activeSelectionForeground#8898A8
- breadcrumb.background#0A0C14
- breadcrumb.focusForeground#5E6878
- breadcrumb.foreground#3A4050
- breadcrumbPicker.background#0A0C14
- button.background#1E3860
- button.border#00000000
- button.foreground#EAF0FF
- button.hoverBackground#3A5A90
- button.secondaryBackground#1E2430
- button.secondaryForeground#8898A8
- button.secondaryHoverBackground#2A3448
- button.separator#EAF0FF20
- charts.blue#224A70
- charts.foreground#8898A8
- charts.green#1E4A1E
- charts.lines#1E2430
- charts.orange#7A4018
- charts.purple#3A1A4A
- charts.red#8A2A2A
- charts.yellow#7A5A18
- checkbox.background#0A0C14
- checkbox.border#252E3E
- checkbox.foreground#8898A8
- checkbox.selectBackground#10182A
- checkbox.selectBorder#3A5A90
- debugExceptionWidget.background#080C1A
- debugExceptionWidget.border#3A5A90
- debugTokenExpression.boolean#907845
- debugTokenExpression.error#8A2A2A
- debugTokenExpression.name#4A6898
- debugTokenExpression.number#907845
- debugTokenExpression.string#A09058
- debugTokenExpression.value#A09058
- debugToolBar.background#0A0C14
- debugToolBar.border#1E2430
- descriptionForeground#3A4050
- diffEditor.border#121820
- diffEditor.diagonalFill#12182040
- diffEditor.insertedLineBackground#0E1E0E18
- diffEditor.insertedTextBackground#10281028
- diffEditor.removedLineBackground#180E0E18
- diffEditor.removedTextBackground#22101028
- disabledForeground#252E3E
- dropdown.background#0A0C14
- dropdown.border#1E2430
- dropdown.foreground#8898A8
- dropdown.listBackground#0A0C14
- editor.background#0A0C14
- editor.findMatchBackground#182038
- editor.findMatchBorder#3A4A70
- editor.findMatchHighlightBackground#141830
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#0E1220
- editor.foreground#BEC4D0
- editor.hoverHighlightBackground#0E1628
- editor.inactiveSelectionBackground#0E1522
- editor.lineHighlightBackground#0E1220
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#0E1220
- editor.selectionBackground#10182A
- editor.selectionHighlightBackground#0D1424
- editor.selectionHighlightBorder#00000000
- editor.symbolHighlightBackground#10182A
- editor.wordHighlightBackground#0E1628
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#121C30
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#A88030
- editorBracketHighlight.foreground2#4A6A9A
- editorBracketHighlight.foreground3#6070A0
- editorBracketHighlight.unexpectedBracket.foreground#8A2A2A
- editorBracketMatch.background#182038
- editorBracketMatch.border#3A5A8A
- editorCodeLens.foreground#252E3E
- editorCursor.background#0A0C14
- editorCursor.foreground#4A6A9A
- editorError.background#8A2A2A10
- editorError.border#00000000
- editorError.foreground#8A2A2A
- editorGroup.border#141A28
- editorGroup.dropBackground#10182A20
- editorGroup.emptyBackground#0A0C14
- editorGroupHeader.noTabsBackground#0A0C14
- editorGroupHeader.tabsBackground#080A12
- editorGroupHeader.tabsBorder#141A28
- editorGutter.addedBackground#102810
- editorGutter.background#0A0C14
- editorGutter.commentRangeForeground#252E3E
- editorGutter.deletedBackground#221010
- editorGutter.foldingControlForeground#252E3E
- editorGutter.modifiedBackground#1E1A08
- editorHint.border#00000000
- editorHint.foreground#3A5A90
- editorHoverWidget.background#080A12
- editorHoverWidget.border#162030
- editorHoverWidget.foreground#8898A8
- editorHoverWidget.highlightForeground#A88030
- editorHoverWidget.statusBarBackground#0A0C14
- editorIndentGuide.activeBackground1#20283A
- editorIndentGuide.background1#121820
- editorInfo.background#224A7010
- editorInfo.border#00000000
- editorInfo.foreground#224A70
- editorLightBulb.foreground#A88030
- editorLightBulbAutoFix.foreground#A88030
- editorLineNumber.activeForeground#4A5870
- editorLineNumber.foreground#252E3E
- editorLink.activeForeground#4A6898
- editorOverviewRuler.addedForeground#10281080
- editorOverviewRuler.background#080A12
- editorOverviewRuler.border#121820
- editorOverviewRuler.bracketMatchForeground#3A5A8A40
- editorOverviewRuler.deletedForeground#22101080
- editorOverviewRuler.errorForeground#8A252580
- editorOverviewRuler.findMatchForeground#3A4A7060
- editorOverviewRuler.infoForeground#224A7080
- editorOverviewRuler.modifiedForeground#1E1A0880
- editorOverviewRuler.selectionHighlightForeground#10182A40
- editorOverviewRuler.warningForeground#6A481080
- editorOverviewRuler.wordHighlightForeground#4A6A9A40
- editorOverviewRuler.wordHighlightStrongForeground#4A6A9A60
- editorRuler.foreground#121820
- editorSuggestWidget.background#080A12
- editorSuggestWidget.border#162030
- editorSuggestWidget.focusHighlightForeground#A88030
- editorSuggestWidget.foreground#BEC4D0
- editorSuggestWidget.highlightForeground#A88030
- editorSuggestWidget.selectedBackground#10182A
- editorSuggestWidget.selectedForeground#BEC4D0
- editorSuggestWidget.selectedIconForeground#A88030
- editorWarning.background#7A5A1810
- editorWarning.border#00000000
- editorWarning.foreground#7A5A18
- editorWidget.background#0A0C14
- editorWidget.border#1E2430
- editorWidget.foreground#8898A8
- editorWidget.resizeBorder#4A6A9A
- errorForeground#8A2A2A
- extensionBadge.remoteBackground#3A5A90
- extensionBadge.remoteForeground#EAF0FF
- extensionButton.prominentBackground#1E3860
- extensionButton.prominentForeground#EAF0FF
- extensionButton.prominentHoverBackground#3A5A90
- focusBorder#3A5A9030
- foreground#5E6878
- gitDecoration.addedResourceForeground#3A7A3A
- gitDecoration.conflictingResourceForeground#8A4A2A
- gitDecoration.deletedResourceForeground#8A2A2A
- gitDecoration.ignoredResourceForeground#252E3E
- gitDecoration.modifiedResourceForeground#7A7030
- gitDecoration.renamedResourceForeground#3A5A7A
- gitDecoration.stageDeletedResourceForeground#8A2A2A
- gitDecoration.stageModifiedResourceForeground#7A7030
- gitDecoration.submoduleResourceForeground#485868
- gitDecoration.untrackedResourceForeground#3A5A7A
- icon.foreground#3A4050
- input.background#080A12
- input.border#1E2430
- input.foreground#BEC4D0
- input.placeholderForeground#252E3E
- inputOption.activeBackground#10182A
- inputOption.activeBorder#3A5A90
- inputOption.activeForeground#BEC4D0
- inputOption.hoverBackground#0D1422
- inputValidation.errorBackground#0E0808
- inputValidation.errorBorder#8A2A2A
- inputValidation.errorForeground#C07070
- inputValidation.infoBackground#080A14
- inputValidation.infoBorder#224A70
- inputValidation.warningBackground#0C0A04
- inputValidation.warningBorder#7A5A18
- keybindingLabel.background#121820
- keybindingLabel.border#1E2430
- keybindingLabel.bottomBorder#1E2430
- keybindingLabel.foreground#5E6878
- list.activeSelectionBackground#10182A
- list.activeSelectionForeground#BEC4D0
- list.activeSelectionIconForeground#A88030
- list.deemphasizedForeground#3A4050
- list.dropBackground#10182A
- list.errorForeground#8A2A2A
- list.filterMatchBackground#18203880
- list.filterMatchBorder#00000000
- list.focusBackground#10182A
- list.focusForeground#BEC4D0
- list.focusOutline#00000000
- list.highlightForeground#A88030
- list.hoverBackground#0D1422
- list.hoverForeground#A0AAB8
- list.inactiveSelectionBackground#0D1422
- list.inactiveSelectionForeground#8898A8
- list.inactiveSelectionIconForeground#5E6878
- list.invalidItemForeground#3A4050
- list.warningForeground#7A5A18
- menu.background#0A0C14
- menu.border#1E2430
- menu.foreground#8898A8
- menu.selectionBackground#10182A
- menu.selectionBorder#1E2430
- menu.selectionForeground#BEC4D0
- menu.separatorBackground#1E2430
- menubar.selectionBackground#10182A
- menubar.selectionBorder#1E2430
- menubar.selectionForeground#BEC4D0
- minimap.background#080A12
- minimap.errorHighlight#8A252570
- minimap.findMatchHighlight#3A4A7060
- minimap.foregroundOpacity#000000B0
- minimap.selectionHighlight#10182A40
- minimap.warningHighlight#7A5A1870
- minimapGutter.addedBackground#1E4A1E
- minimapGutter.deletedBackground#3A1010
- minimapGutter.modifiedBackground#3A3810
- minimapSlider.activeBackground#2A344850
- minimapSlider.background#1E243015
- minimapSlider.hoverBackground#1E243030
- notificationCenter.border#1E2430
- notificationCenterHeader.background#080A12
- notificationCenterHeader.foreground#565E72
- notificationLink.foreground#4A6898
- notifications.background#0A0C14
- notifications.border#1E2430
- notifications.foreground#8898A8
- notificationsErrorIcon.foreground#8A2A2A
- notificationsInfoIcon.foreground#224A70
- notificationsWarningIcon.foreground#7A5A18
- panel.background#080A12
- panel.border#141A28
- panel.dropBorder#3A5A90
- panelInput.border#1E2430
- panelSection.border#141A28
- panelSection.dropBackground#10182A20
- panelSectionHeader.background#080A12
- panelSectionHeader.border#141A28
- panelSectionHeader.foreground#565E72
- panelTitle.activeBorder#3A5A90
- panelTitle.activeForeground#8898A8
- panelTitle.inactiveForeground#3A4050
- peekView.border#3A5A90
- peekViewEditor.background#080A12
- peekViewEditor.matchHighlightBackground#18203840
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#080A12
- peekViewResult.background#06080F
- peekViewResult.fileForeground#5E6878
- peekViewResult.lineForeground#464E60
- peekViewResult.matchHighlightBackground#182038
- peekViewResult.selectionBackground#10182A
- peekViewResult.selectionForeground#8898A8
- peekViewTitle.background#06080F
- peekViewTitleDescription.foreground#3A4050
- peekViewTitleLabel.foreground#8898A8
- pickerGroup.border#1E2430
- pickerGroup.foreground#3A4050
- problemsErrorIcon.foreground#8A2A2A
- problemsInfoIcon.foreground#224A70
- problemsWarningIcon.foreground#7A5A18
- progressBar.background#3A5A90
- quickInput.background#0A0C14
- quickInput.foreground#BEC4D0
- quickInputList.focusBackground#10182A
- quickInputList.focusForeground#BEC4D0
- quickInputList.focusIconForeground#A88030
- quickInputTitle.background#080A12
- radio.activeBackground#10182A
- radio.activeBorder#3A5A90
- radio.activeForeground#3A5A90
- radio.inactiveBackground#0A0C14
- radio.inactiveBorder#1E2430
- radio.inactiveForeground#3A4050
- sash.hoverBorder#3A5A9060
- scrollbar.shadow#00000060
- scrollbarSlider.activeBackground#2A344855
- scrollbarSlider.background#1E243018
- scrollbarSlider.hoverBackground#1E243035
- selection.background#10182A
- settings.checkboxBackground#0A0C14
- settings.checkboxBorder#252E3E
- settings.checkboxForeground#8898A8
- settings.dropdownBackground#0A0C14
- settings.dropdownBorder#1E2430
- settings.dropdownForeground#8898A8
- settings.dropdownListBorder#1E2430
- settings.focusedRowBackground#10182A
- settings.focusedRowBorder#1E2430
- settings.headerBorder#1E2430
- settings.headerForeground#8898A8
- settings.modifiedItemIndicator#3A5A90
- settings.numberInputBackground#080A12
- settings.numberInputBorder#1E2430
- settings.numberInputForeground#BEC4D0
- settings.rowHoverBackground#0D1422
- settings.sashBorder#1E2430
- settings.textInputBackground#080A12
- settings.textInputBorder#1E2430
- settings.textInputForeground#BEC4D0
- sideBar.background#080A12
- sideBar.border#141A28
- sideBar.dropBackground#10182A
- sideBar.foreground#5E6878
- sideBarSectionHeader.background#080A12
- sideBarSectionHeader.border#141A28
- sideBarSectionHeader.foreground#565E72
- sideBarTitle.foreground#464E60
- statusBar.background#060710
- statusBar.border#0C101C
- statusBar.debuggingBackground#0E1430
- statusBar.debuggingBorder#142038
- statusBar.debuggingForeground#4A6898
- statusBar.foreground#2E3E58
- statusBar.noFolderBackground#06080F
- statusBar.noFolderBorder#101620
- statusBar.noFolderForeground#3A4050
- statusBarItem.activeBackground#0C1428
- statusBarItem.errorBackground#5A1A1A
- statusBarItem.errorForeground#F0D8D8
- statusBarItem.hoverBackground#0C1428
- statusBarItem.offlineBackground#1E2430
- statusBarItem.offlineForeground#464E60
- statusBarItem.prominentBackground#101828
- statusBarItem.prominentForeground#4A6898
- statusBarItem.prominentHoverBackground#162030
- statusBarItem.remoteBackground#3A5A90
- statusBarItem.remoteForeground#EAF0FF
- statusBarItem.warningBackground#3A2810
- statusBarItem.warningForeground#D4A848
- tab.activeBackground#0A0C14
- tab.activeBorder#00000000
- tab.activeBorderTop#3A5A90
- tab.activeForeground#BEC4D0
- tab.activeModifiedBorder#3A5A90
- tab.border#141A28
- tab.hoverBackground#0C0E18
- tab.hoverBorder#00000000
- tab.hoverForeground#8898A8
- tab.inactiveBackground#080A12
- tab.inactiveForeground#3A4050
- tab.inactiveModifiedBorder#3A5A90
- tab.lastPinnedBorder#1E2430
- tab.unfocusedActiveBackground#0A0C14
- tab.unfocusedActiveBorderTop#202A40
- tab.unfocusedActiveForeground#5E6878
- tab.unfocusedHoverBackground#0A0C16
- tab.unfocusedInactiveBackground#080A12
- tab.unfocusedInactiveForeground#2E3648
- terminal.ansiBlack#141A28
- terminal.ansiBlue#1E3A6A
- terminal.ansiBrightBlack#252E3E
- terminal.ansiBrightBlue#2A5A8A
- terminal.ansiBrightCyan#1A5A7A
- terminal.ansiBrightGreen#2A5A2A
- terminal.ansiBrightMagenta#5A2A6A
- terminal.ansiBrightRed#8A3030
- terminal.ansiBrightWhite#BEC4D0
- terminal.ansiBrightYellow#8A6A28
- terminal.ansiCyan#1A3A5A
- terminal.ansiGreen#1E4A1E
- terminal.ansiMagenta#3A1A4A
- terminal.ansiRed#7A2020
- terminal.ansiWhite#5E6878
- terminal.ansiYellow#6A5018
- terminal.background#080A12
- terminal.border#141A28
- terminal.foreground#B0B8C8
- terminal.inactiveSelectionBackground#0D1422
- terminal.selectionBackground#10182A
- terminal.tab.activeBorder#3A5A90
- terminalCursor.background#080A12
- terminalCursor.foreground#4A6A9A
- textBlockQuote.background#0A0C14
- textBlockQuote.border#252E3E
- textCodeBlock.background#080A12
- textLink.activeForeground#6A88B8
- textLink.foreground#4A6898
- textPreformat.background#080A12
- textPreformat.foreground#8898A8
- textSeparator.foreground#1E2430
- titleBar.activeBackground#06080F
- titleBar.activeForeground#485870
- titleBar.border#101620
- titleBar.inactiveBackground#06080F
- titleBar.inactiveForeground#2E3648
- tree.indentGuidesStroke#1E2430
- tree.tableColumnsBorder#121820
- walkThrough.embeddedEditorBackground#080A12
- walkthrough.stepTitle.foreground#A88030
- welcomePage.background#080A12
- welcomePage.tileBackground#0A0C14
- welcomePage.tileBorder#1E2430
- welcomePage.tileHoverBackground#0D1422
- widget.border#1E2430
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #1E2838 | italic |
| string, string.quoted, string.template | #A09050 | — |
| constant.character.escape, string.regexp, string.regexp keyword.other | #887840 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #706830 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan | #9A8045 | — |
| constant.language, constant.other, constant.character | #9A8045 | — |
| keyword.control, keyword.control.flow, keyword.control.import, keyword.control.from, keyword.control.export, keyword.control.default, keyword.control.return, keyword.control.if, keyword.control.else, keyword.control.for, keyword.control.while, keyword.control.switch, keyword.control.case, keyword.control.try, keyword.control.catch, keyword.control.finally, keyword.control.async, keyword.control.await | #5A78A8 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.spread, keyword.operator.optional, keyword.operator.nullcoalescing | #3A5888 | — |
| keyword, keyword.other, keyword.declaration | #5A78A8 | — |
| storage.type, storage.modifier | #5A78A8 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, entity.name.type.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.alias, support.class, support.type | #6070A0 | — |
| entity.name.function, meta.definition.method entity.name.function, meta.function entity.name.function | #A88030 | — |
| meta.function-call entity.name.function, meta.function-call.generic entity.name.function, support.function | #A88030 | — |
| variable, variable.other, variable.other.readwrite, variable.other.member, variable.other.property | #BEC4D0 | — |
| variable.other.constant, variable.other.enummember | #9A8045 | — |
| variable.parameter, meta.parameter | #9098B0 | — |
| support.type.property-name, meta.object-literal.key, meta.property-name, entity.name.tag.yaml, support.type.property-name.json | #9098B0 | — |
| entity.name.type.enum, variable.other.enummember | #9A8045 | — |
| entity.name.type.interface | #6070A0 | italic |
| meta.type.parameters, entity.name.type.parameter | #6070A0 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #3A5A90 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx | #A88030 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #A88030 | — |
| support.type.property-name.css, meta.property-name.css | #9098B0 | — |
| constant.numeric.css, keyword.other.unit.css, support.constant.property-value.css | #9A8045 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #5A78A8 | — |
| meta.decorator, meta.decorator punctuation.decorator, entity.name.function.decorator, punctuation.definition.decorator | #88701A | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace, punctuation.definition.binding-pattern | #303848 | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #282E40 | — |
| support.constant, support.variable | #6070A0 | — |
| support.type.primitive, support.type.builtin | #5A78A8 | — |
| invalid, invalid.illegal | #B02A2A | underline |
| invalid.deprecated | #8A5A18 | underline |
| markup.heading, markup.heading entity.name, punctuation.definition.heading.markdown | #A88030 | bold |
| markup.bold, markup.bold string | — | bold |
| markup.italic, markup.italic string | — | italic |
| markup.inline.raw, markup.raw | #9098A8 | — |
| markup.fenced_code.block, markup.fenced_code.block punctuation | #5E6878 | — |
| markup.quote, punctuation.definition.blockquote | #5E6878 | italic |
| markup.underline.link, string.other.link | #4A6898 | — |
| punctuation.definition.list.begin.markdown, markup.list punctuation.definition.list.begin | #3A5A90 | — |
| markup.inserted | #3A7A3A | — |
| markup.deleted | #7A3A3A | — |
| markup.changed | #7A7030 | — |