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#0E1A1200
- activityBar.activeBorder#3A8A5A
- activityBar.background#050706
- activityBar.border#101410
- activityBar.dropBorder#3A8A5A
- activityBar.foreground#4A6858
- activityBar.inactiveForeground#1E2820
- activityBarBadge.background#3A8A5A
- activityBarBadge.foreground#E8F4EC
- badge.background#3A8A5A
- badge.foreground#E8F4EC
- breadcrumb.activeSelectionForeground#8A9E92
- breadcrumb.background#080B09
- breadcrumb.focusForeground#607068
- breadcrumb.foreground#3A4840
- breadcrumbPicker.background#080B09
- button.background#1E5038
- button.border#00000000
- button.foreground#E8F4EC
- button.hoverBackground#3A8A5A
- button.secondaryBackground#1C2820
- button.secondaryForeground#8A9E92
- button.secondaryHoverBackground#2A3A2A
- button.separator#E8F4EC20
- charts.blue#224858
- charts.foreground#8A9E92
- charts.green#2A5A38
- charts.lines#1C2820
- charts.orange#6A4020
- charts.purple#3A2A4A
- charts.red#8A2A2A
- charts.yellow#6A5020
- checkbox.background#080B09
- checkbox.border#263028
- checkbox.foreground#8A9E92
- checkbox.selectBackground#0E1A12
- checkbox.selectBorder#3A8A5A
- debugExceptionWidget.background#080E08
- debugExceptionWidget.border#3A8A5A
- debugTokenExpression.boolean#6A7045
- debugTokenExpression.error#8A2A2A
- debugTokenExpression.name#2A7A68
- debugTokenExpression.number#6A7045
- debugTokenExpression.string#8A9060
- debugTokenExpression.value#8A9060
- debugToolBar.background#080B09
- debugToolBar.border#1C2820
- descriptionForeground#3A4840
- diffEditor.border#101410
- diffEditor.diagonalFill#10141040
- diffEditor.insertedLineBackground#0C1E1018
- diffEditor.insertedTextBackground#10281828
- diffEditor.removedLineBackground#1E101018
- diffEditor.removedTextBackground#28101828
- disabledForeground#263028
- dropdown.background#080B09
- dropdown.border#1C2820
- dropdown.foreground#8A9E92
- dropdown.listBackground#080B09
- editor.background#080B09
- editor.findMatchBackground#102818
- editor.findMatchBorder#2A5A3A
- editor.findMatchHighlightBackground#0C2010
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#0C100D
- editor.foreground#A5B5AC
- editor.hoverHighlightBackground#0C1810
- editor.inactiveSelectionBackground#0C1510
- editor.lineHighlightBackground#0C100D
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#0C100D
- editor.selectionBackground#0E1A12
- editor.selectionHighlightBackground#0B1610
- editor.selectionHighlightBorder#00000000
- editor.symbolHighlightBackground#0E1A12
- editor.wordHighlightBackground#0C1810
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#0F1E14
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#4A9A78
- editorBracketHighlight.foreground2#3A7878
- editorBracketHighlight.foreground3#5A7A80
- editorBracketHighlight.unexpectedBracket.foreground#8A2A2A
- editorBracketMatch.background#102818
- editorBracketMatch.border#2A6040
- editorCodeLens.foreground#263028
- editorCursor.background#080B09
- editorCursor.foreground#3A8A5A
- editorError.background#8A2A2A10
- editorError.border#00000000
- editorError.foreground#8A2A2A
- editorGroup.border#121810
- editorGroup.dropBackground#0E1A1220
- editorGroup.emptyBackground#080B09
- editorGroupHeader.noTabsBackground#080B09
- editorGroupHeader.tabsBackground#060908
- editorGroupHeader.tabsBorder#121810
- editorGutter.addedBackground#143018
- editorGutter.background#080B09
- editorGutter.commentRangeForeground#263028
- editorGutter.deletedBackground#2A1010
- editorGutter.foldingControlForeground#263028
- editorGutter.modifiedBackground#182A10
- editorHint.border#00000000
- editorHint.foreground#3A8A5A
- editorHoverWidget.background#060908
- editorHoverWidget.border#162018
- editorHoverWidget.foreground#8A9E92
- editorHoverWidget.highlightForeground#4A9A78
- editorHoverWidget.statusBarBackground#080B09
- editorIndentGuide.activeBackground1#1C2A1C
- editorIndentGuide.background1#101410
- editorInfo.background#1E5A4010
- editorInfo.border#00000000
- editorInfo.foreground#1E5A40
- editorLightBulb.foreground#4A9A78
- editorLightBulbAutoFix.foreground#4A9A78
- editorLineNumber.activeForeground#486050
- editorLineNumber.foreground#263028
- editorLink.activeForeground#2A7A68
- editorOverviewRuler.addedForeground#14301880
- editorOverviewRuler.background#060908
- editorOverviewRuler.border#101410
- editorOverviewRuler.bracketMatchForeground#2A603840
- editorOverviewRuler.deletedForeground#2A101080
- editorOverviewRuler.errorForeground#8A252580
- editorOverviewRuler.findMatchForeground#2A582860
- editorOverviewRuler.infoForeground#1E5A4080
- editorOverviewRuler.modifiedForeground#182A1080
- editorOverviewRuler.selectionHighlightForeground#0E1A1240
- editorOverviewRuler.warningForeground#6A501080
- editorOverviewRuler.wordHighlightForeground#3A8A5040
- editorOverviewRuler.wordHighlightStrongForeground#3A8A5060
- editorRuler.foreground#101410
- editorSuggestWidget.background#060908
- editorSuggestWidget.border#162018
- editorSuggestWidget.focusHighlightForeground#4A9A78
- editorSuggestWidget.foreground#A5B5AC
- editorSuggestWidget.highlightForeground#4A9A78
- editorSuggestWidget.selectedBackground#0E1A12
- editorSuggestWidget.selectedForeground#A5B5AC
- editorSuggestWidget.selectedIconForeground#4A9A78
- editorWarning.background#6A502010
- editorWarning.border#00000000
- editorWarning.foreground#6A5020
- editorWidget.background#080B09
- editorWidget.border#1C2820
- editorWidget.foreground#8A9E92
- editorWidget.resizeBorder#3A8A5A
- errorForeground#8A2A2A
- extensionBadge.remoteBackground#3A8A5A
- extensionBadge.remoteForeground#E8F4EC
- extensionButton.prominentBackground#1E5038
- extensionButton.prominentForeground#E8F4EC
- extensionButton.prominentHoverBackground#3A8A5A
- focusBorder#3A8A5A30
- foreground#607068
- gitDecoration.addedResourceForeground#3A7A5A
- gitDecoration.conflictingResourceForeground#7A3A20
- gitDecoration.deletedResourceForeground#7A2A2A
- gitDecoration.ignoredResourceForeground#263028
- gitDecoration.modifiedResourceForeground#6A6A30
- gitDecoration.renamedResourceForeground#2A5A6A
- gitDecoration.stageDeletedResourceForeground#7A2A2A
- gitDecoration.stageModifiedResourceForeground#6A6A30
- gitDecoration.submoduleResourceForeground#405850
- gitDecoration.untrackedResourceForeground#2A5A6A
- icon.foreground#3A4840
- input.background#060908
- input.border#1C2820
- input.foreground#A5B5AC
- input.placeholderForeground#263028
- inputOption.activeBackground#0E1A12
- inputOption.activeBorder#3A8A5A
- inputOption.activeForeground#A5B5AC
- inputOption.hoverBackground#0B1410
- inputValidation.errorBackground#0E0808
- inputValidation.errorBorder#8A2A2A
- inputValidation.errorForeground#C07070
- inputValidation.infoBackground#060E0A
- inputValidation.infoBorder#1E5A40
- inputValidation.warningBackground#0C0A04
- inputValidation.warningBorder#6A5020
- keybindingLabel.background#101410
- keybindingLabel.border#1C2820
- keybindingLabel.bottomBorder#1C2820
- keybindingLabel.foreground#607068
- list.activeSelectionBackground#0E1A12
- list.activeSelectionForeground#A5B5AC
- list.activeSelectionIconForeground#4A9A78
- list.deemphasizedForeground#3A4840
- list.dropBackground#0E1A12
- list.errorForeground#8A2A2A
- list.filterMatchBackground#10281880
- list.filterMatchBorder#00000000
- list.focusBackground#0E1A12
- list.focusForeground#A5B5AC
- list.focusOutline#00000000
- list.highlightForeground#4A9A78
- list.hoverBackground#0B1410
- list.hoverForeground#96A89E
- list.inactiveSelectionBackground#0B1410
- list.inactiveSelectionForeground#8A9E92
- list.inactiveSelectionIconForeground#607068
- list.invalidItemForeground#3A4840
- list.warningForeground#6A5020
- menu.background#080B09
- menu.border#1C2820
- menu.foreground#8A9E92
- menu.selectionBackground#0E1A12
- menu.selectionBorder#1C2820
- menu.selectionForeground#A5B5AC
- menu.separatorBackground#1C2820
- menubar.selectionBackground#0E1A12
- menubar.selectionBorder#1C2820
- menubar.selectionForeground#A5B5AC
- minimap.background#060908
- minimap.errorHighlight#8A252570
- minimap.findMatchHighlight#2A582860
- minimap.foregroundOpacity#000000B0
- minimap.selectionHighlight#0E1A1240
- minimap.warningHighlight#6A501070
- minimapGutter.addedBackground#143018
- minimapGutter.deletedBackground#301010
- minimapGutter.modifiedBackground#303010
- minimapSlider.activeBackground#2A382A50
- minimapSlider.background#1C282015
- minimapSlider.hoverBackground#1C282030
- notificationCenter.border#1C2820
- notificationCenterHeader.background#060908
- notificationCenterHeader.foreground#586860
- notificationLink.foreground#2A7A68
- notifications.background#080B09
- notifications.border#1C2820
- notifications.foreground#8A9E92
- notificationsErrorIcon.foreground#8A2A2A
- notificationsInfoIcon.foreground#1E5A40
- notificationsWarningIcon.foreground#6A5020
- panel.background#060908
- panel.border#121810
- panel.dropBorder#3A8A5A
- panelInput.border#1C2820
- panelSection.border#121810
- panelSection.dropBackground#0E1A1220
- panelSectionHeader.background#060908
- panelSectionHeader.border#121810
- panelSectionHeader.foreground#586860
- panelTitle.activeBorder#3A8A5A
- panelTitle.activeForeground#8A9E92
- panelTitle.inactiveForeground#3A4840
- peekView.border#3A8A5A
- peekViewEditor.background#060908
- peekViewEditor.matchHighlightBackground#10281840
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#060908
- peekViewResult.background#050706
- peekViewResult.fileForeground#607068
- peekViewResult.lineForeground#485850
- peekViewResult.matchHighlightBackground#102818
- peekViewResult.selectionBackground#0E1A12
- peekViewResult.selectionForeground#8A9E92
- peekViewTitle.background#050706
- peekViewTitleDescription.foreground#3A4840
- peekViewTitleLabel.foreground#8A9E92
- pickerGroup.border#1C2820
- pickerGroup.foreground#3A4840
- problemsErrorIcon.foreground#8A2A2A
- problemsInfoIcon.foreground#1E5A40
- problemsWarningIcon.foreground#6A5020
- progressBar.background#3A8A5A
- quickInput.background#080B09
- quickInput.foreground#A5B5AC
- quickInputList.focusBackground#0E1A12
- quickInputList.focusForeground#A5B5AC
- quickInputList.focusIconForeground#4A9A78
- quickInputTitle.background#060908
- radio.activeBackground#0E1A12
- radio.activeBorder#3A8A5A
- radio.activeForeground#3A8A5A
- radio.inactiveBackground#080B09
- radio.inactiveBorder#1C2820
- radio.inactiveForeground#3A4840
- sash.hoverBorder#3A8A5A60
- scrollbar.shadow#00000060
- scrollbarSlider.activeBackground#2A382A55
- scrollbarSlider.background#1C282018
- scrollbarSlider.hoverBackground#1C282035
- selection.background#0E1A12
- settings.checkboxBackground#080B09
- settings.checkboxBorder#263028
- settings.checkboxForeground#8A9E92
- settings.dropdownBackground#080B09
- settings.dropdownBorder#1C2820
- settings.dropdownForeground#8A9E92
- settings.dropdownListBorder#1C2820
- settings.focusedRowBackground#0E1A12
- settings.focusedRowBorder#1C2820
- settings.headerBorder#1C2820
- settings.headerForeground#8A9E92
- settings.modifiedItemIndicator#3A8A5A
- settings.numberInputBackground#060908
- settings.numberInputBorder#1C2820
- settings.numberInputForeground#A5B5AC
- settings.rowHoverBackground#0B1410
- settings.sashBorder#1C2820
- settings.textInputBackground#060908
- settings.textInputBorder#1C2820
- settings.textInputForeground#A5B5AC
- sideBar.background#060908
- sideBar.border#121810
- sideBar.dropBackground#0E1A12
- sideBar.foreground#607068
- sideBarSectionHeader.background#060908
- sideBarSectionHeader.border#121810
- sideBarSectionHeader.foreground#586860
- sideBarTitle.foreground#485850
- statusBar.background#030806
- statusBar.border#0C1A10
- statusBar.debuggingBackground#0E2018
- statusBar.debuggingBorder#142A1A
- statusBar.debuggingForeground#4A8A6A
- statusBar.foreground#304A38
- statusBar.noFolderBackground#050706
- statusBar.noFolderBorder#101410
- statusBar.noFolderForeground#3A4840
- statusBarItem.activeBackground#0A1A10
- statusBarItem.errorBackground#5A1A1A
- statusBarItem.errorForeground#F0D8D8
- statusBarItem.hoverBackground#0A1A10
- statusBarItem.offlineBackground#1C2820
- statusBarItem.offlineForeground#4A5850
- statusBarItem.prominentBackground#0C2018
- statusBarItem.prominentForeground#4A8A6A
- statusBarItem.prominentHoverBackground#122A20
- statusBarItem.remoteBackground#3A8A5A
- statusBarItem.remoteForeground#E8F4EC
- statusBarItem.warningBackground#3A2A10
- statusBarItem.warningForeground#C4A850
- tab.activeBackground#080B09
- tab.activeBorder#00000000
- tab.activeBorderTop#3A8A5A
- tab.activeForeground#A5B5AC
- tab.activeModifiedBorder#3A8A5A
- tab.border#121810
- tab.hoverBackground#0A0D0A
- tab.hoverBorder#00000000
- tab.hoverForeground#8A9E92
- tab.inactiveBackground#060908
- tab.inactiveForeground#3A4840
- tab.inactiveModifiedBorder#3A8A5A
- tab.lastPinnedBorder#1C2820
- tab.unfocusedActiveBackground#080B09
- tab.unfocusedActiveBorderTop#1E4030
- tab.unfocusedActiveForeground#607068
- tab.unfocusedHoverBackground#080A08
- tab.unfocusedInactiveBackground#060908
- tab.unfocusedInactiveForeground#303838
- terminal.ansiBlack#121810
- terminal.ansiBlue#224858
- terminal.ansiBrightBlack#263028
- terminal.ansiBrightBlue#2A6878
- terminal.ansiBrightCyan#2A6A6A
- terminal.ansiBrightGreen#3A7A50
- terminal.ansiBrightMagenta#5A3A6A
- terminal.ansiBrightRed#8A3030
- terminal.ansiBrightWhite#A5B5AC
- terminal.ansiBrightYellow#8A6A30
- terminal.ansiCyan#1A5050
- terminal.ansiGreen#2A5A38
- terminal.ansiMagenta#3A2A4A
- terminal.ansiRed#7A2020
- terminal.ansiWhite#607068
- terminal.ansiYellow#6A5020
- terminal.background#060908
- terminal.border#121810
- terminal.foreground#9AB0A8
- terminal.inactiveSelectionBackground#0B1410
- terminal.selectionBackground#0E1A12
- terminal.tab.activeBorder#3A8A5A
- terminalCursor.background#060908
- terminalCursor.foreground#3A8A5A
- textBlockQuote.background#080B09
- textBlockQuote.border#263028
- textCodeBlock.background#060908
- textLink.activeForeground#3A9A78
- textLink.foreground#2A7A68
- textPreformat.background#060908
- textPreformat.foreground#8A9E92
- textSeparator.foreground#1C2820
- titleBar.activeBackground#050706
- titleBar.activeForeground#4A6858
- titleBar.border#101410
- titleBar.inactiveBackground#050706
- titleBar.inactiveForeground#303838
- tree.indentGuidesStroke#1C2820
- tree.tableColumnsBorder#101410
- walkThrough.embeddedEditorBackground#060908
- walkthrough.stepTitle.foreground#4A9A78
- welcomePage.background#060908
- welcomePage.tileBackground#080B09
- welcomePage.tileBorder#1C2820
- welcomePage.tileHoverBackground#0B1410
- widget.border#1C2820
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #507060 | italic |
| string, string.quoted, string.template | #5A7A65 | — |
| constant.character.escape, string.regexp, string.regexp keyword.other | #4A6855 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #3A5845 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan | #3A8060 | — |
| constant.language, constant.other, constant.character | #3A8060 | — |
| 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 | #3A8A6A | — |
| 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 | #2A6A50 | — |
| keyword, keyword.other, keyword.declaration | #3A8A6A | — |
| storage.type, storage.modifier | #3A8A6A | — |
| 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 | #5A7A80 | — |
| entity.name.function, meta.definition.method entity.name.function, meta.function entity.name.function | #4A9A78 | — |
| meta.function-call entity.name.function, meta.function-call.generic entity.name.function, support.function | #4A9A78 | — |
| variable, variable.other, variable.other.readwrite, variable.other.member, variable.other.property | #A5B5AC | — |
| variable.other.constant, variable.other.enummember | #3A8060 | — |
| variable.parameter, meta.parameter | #8A9E92 | — |
| support.type.property-name, meta.object-literal.key, meta.property-name, entity.name.tag.yaml, support.type.property-name.json | #8A9E92 | — |
| entity.name.type.enum, variable.other.enummember | #3A8060 | — |
| entity.name.type.interface | #5A7A80 | italic |
| meta.type.parameters, entity.name.type.parameter | #5A7A80 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #3A8A5A | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx | #4A9A78 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #4A9A78 | — |
| support.type.property-name.css, meta.property-name.css | #8A9E92 | — |
| constant.numeric.css, keyword.other.unit.css, support.constant.property-value.css | #3A8060 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #3A8A6A | — |
| meta.decorator, meta.decorator punctuation.decorator, entity.name.function.decorator, punctuation.definition.decorator | #2A7A68 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace, punctuation.definition.binding-pattern | #304038 | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #283030 | — |
| support.constant, support.variable | #5A7A80 | — |
| support.type.primitive, support.type.builtin | #3A8A6A | — |
| invalid, invalid.illegal | #B02A2A | underline |
| invalid.deprecated | #7A5020 | underline |
| markup.heading, markup.heading entity.name, punctuation.definition.heading.markdown | #4A9A78 | bold |
| markup.bold, markup.bold string | — | bold |
| markup.italic, markup.italic string | — | italic |
| markup.inline.raw, markup.raw | #7A9080 | — |
| markup.fenced_code.block, markup.fenced_code.block punctuation | #607068 | — |
| markup.quote, punctuation.definition.blockquote | #607068 | italic |
| markup.underline.link, string.other.link | #2A7A68 | — |
| punctuation.definition.list.begin.markdown, markup.list punctuation.definition.list.begin | #3A8A5A | — |
| markup.inserted | #3A7A5A | — |
| markup.deleted | #7A3A3A | — |
| markup.changed | #6A6A30 | — |