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#D8D0C420
- activityBar.activeBorder#8B1A1A
- activityBar.background#D8D5CD
- activityBar.border#C8C5BD
- activityBar.dropBorder#8B1A1A
- activityBar.foreground#4A4846
- activityBar.inactiveForeground#A0A0A0
- activityBarBadge.background#8B1A1A
- activityBarBadge.foreground#F8F0EE
- badge.background#8B1A1A
- badge.foreground#F8F0EE
- breadcrumb.activeSelectionForeground#2C2826
- breadcrumb.background#EDEBE3
- breadcrumb.focusForeground#4A4846
- breadcrumb.foreground#8A8680
- breadcrumbPicker.background#EDEBE3
- button.background#8B1A1A
- button.border#00000000
- button.foreground#F8F0EE
- button.hoverBackground#A02020
- button.secondaryBackground#D8D5CD
- button.secondaryForeground#2C2826
- button.secondaryHoverBackground#CCC9C1
- button.separator#F8F0EE20
- charts.blue#3A3A5A
- charts.foreground#4A4846
- charts.green#2A6A2A
- charts.lines#D0CCC4
- charts.orange#8A4018
- charts.purple#6A3060
- charts.red#8B1A1A
- charts.yellow#8A6018
- checkbox.background#EDEBE3
- checkbox.border#C8C5BC
- checkbox.foreground#2C2826
- checkbox.selectBackground#D8D0C4
- checkbox.selectBorder#8B1A1A
- debugExceptionWidget.background#F8ECEC
- debugExceptionWidget.border#8B1A1A
- debugTokenExpression.boolean#6A4A28
- debugTokenExpression.error#8B1A1A
- debugTokenExpression.name#3A3A5A
- debugTokenExpression.number#6A4A28
- debugTokenExpression.string#7A3A30
- debugTokenExpression.value#7A3A30
- debugToolBar.background#EDEBE3
- debugToolBar.border#D0CCC4
- descriptionForeground#7A7470
- diffEditor.border#DAD8D0
- diffEditor.diagonalFill#DAD8D020
- diffEditor.insertedLineBackground#2A6A2A14
- diffEditor.insertedTextBackground#2A6A2A20
- diffEditor.removedLineBackground#8B1A1A14
- diffEditor.removedTextBackground#8B1A1A20
- disabledForeground#B8B4AC
- dropdown.background#EDEBE3
- dropdown.border#C8C5BC
- dropdown.foreground#2C2826
- dropdown.listBackground#EDEBE3
- editor.background#EDEBE3
- editor.findMatchBackground#C8A0A060
- editor.findMatchBorder#8B1A1A80
- editor.findMatchHighlightBackground#D4B0B040
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#E7E4DC
- editor.foreground#2C2826
- editor.hoverHighlightBackground#E0D8D055
- editor.inactiveSelectionBackground#DAD4CA55
- editor.lineHighlightBackground#E7E4DC
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#E7E4DC
- editor.selectionBackground#D8D0C488
- editor.selectionHighlightBackground#DDD7CC55
- editor.selectionHighlightBorder#00000000
- editor.symbolHighlightBackground#D8D0C455
- editor.wordHighlightBackground#E0D8D055
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#D8CEC888
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#8B1A1A
- editorBracketHighlight.foreground2#3A3A5A
- editorBracketHighlight.foreground3#787088
- editorBracketHighlight.unexpectedBracket.foreground#C04040
- editorBracketMatch.background#C8A0A040
- editorBracketMatch.border#8B1A1A80
- editorCodeLens.foreground#B8B4AC
- editorCursor.background#EDEBE3
- editorCursor.foreground#8B1A1A
- editorError.background#8B1A1A10
- editorError.border#00000000
- editorError.foreground#8B1A1A
- editorGroup.border#D0CCC4
- editorGroup.dropBackground#D8D0C420
- editorGroup.emptyBackground#EDEBE3
- editorGroupHeader.noTabsBackground#EDEBE3
- editorGroupHeader.tabsBackground#E4E1D9
- editorGroupHeader.tabsBorder#D0CCC4
- editorGutter.addedBackground#2A6A2A55
- editorGutter.background#EDEBE3
- editorGutter.commentRangeForeground#B8B4AC
- editorGutter.deletedBackground#8B1A1A55
- editorGutter.foldingControlForeground#B8B4AC
- editorGutter.modifiedBackground#8A601855
- editorHint.border#00000000
- editorHint.foreground#2A6A2A
- editorHoverWidget.background#F2F0E8
- editorHoverWidget.border#D0CCC4
- editorHoverWidget.foreground#4A4846
- editorHoverWidget.highlightForeground#8B1A1A
- editorHoverWidget.statusBarBackground#EDEBE3
- editorIndentGuide.activeBackground1#C0BCBA
- editorIndentGuide.background1#DAD8D0
- editorInfo.background#3A3A5A10
- editorInfo.border#00000000
- editorInfo.foreground#3A3A5A
- editorLightBulb.foreground#8A6018
- editorLightBulbAutoFix.foreground#8A6018
- editorLineNumber.activeForeground#7A7470
- editorLineNumber.foreground#B8B4AC
- editorLink.activeForeground#8B1A1A
- editorOverviewRuler.addedForeground#2A6A2A80
- editorOverviewRuler.background#E8E5DD
- editorOverviewRuler.border#DAD8D0
- editorOverviewRuler.bracketMatchForeground#8B1A1A40
- editorOverviewRuler.deletedForeground#8B1A1A80
- editorOverviewRuler.errorForeground#8B1A1A80
- editorOverviewRuler.findMatchForeground#8B1A1A60
- editorOverviewRuler.infoForeground#3A3A5A80
- editorOverviewRuler.modifiedForeground#8A601880
- editorOverviewRuler.selectionHighlightForeground#D8D0C440
- editorOverviewRuler.warningForeground#8A601880
- editorOverviewRuler.wordHighlightForeground#3A3A5A40
- editorOverviewRuler.wordHighlightStrongForeground#3A3A5A60
- editorRuler.foreground#DAD8D0
- editorSuggestWidget.background#F2F0E8
- editorSuggestWidget.border#D0CCC4
- editorSuggestWidget.focusHighlightForeground#8B1A1A
- editorSuggestWidget.foreground#2C2826
- editorSuggestWidget.highlightForeground#8B1A1A
- editorSuggestWidget.selectedBackground#E0DDD5
- editorSuggestWidget.selectedForeground#2C2826
- editorSuggestWidget.selectedIconForeground#8B1A1A
- editorWarning.background#8A601810
- editorWarning.border#00000000
- editorWarning.foreground#8A6018
- editorWidget.background#EDEBE3
- editorWidget.border#D0CCC4
- editorWidget.foreground#5A5654
- editorWidget.resizeBorder#8B1A1A
- errorForeground#8B1A1A
- extensionBadge.remoteBackground#8B1A1A
- extensionBadge.remoteForeground#F8F0EE
- extensionButton.prominentBackground#8B1A1A
- extensionButton.prominentForeground#F8F0EE
- extensionButton.prominentHoverBackground#A02020
- focusBorder#8B1A1A40
- foreground#4A4846
- gitDecoration.addedResourceForeground#2A6A2A
- gitDecoration.conflictingResourceForeground#A03818
- gitDecoration.deletedResourceForeground#8B1A1A
- gitDecoration.ignoredResourceForeground#A8A4A0
- gitDecoration.modifiedResourceForeground#7A5818
- gitDecoration.renamedResourceForeground#3A3A5A
- gitDecoration.stageDeletedResourceForeground#8B1A1A
- gitDecoration.stageModifiedResourceForeground#7A5818
- gitDecoration.submoduleResourceForeground#7A7470
- gitDecoration.untrackedResourceForeground#3A6070
- icon.foreground#7A7470
- input.background#F0EDE5
- input.border#C8C5BC
- input.foreground#2C2826
- input.placeholderForeground#B0ACAA
- inputOption.activeBackground#D8D0C4
- inputOption.activeBorder#8B1A1A
- inputOption.activeForeground#1C1A18
- inputOption.hoverBackground#E0DDD5
- inputValidation.errorBackground#F8ECEC
- inputValidation.errorBorder#8B1A1A
- inputValidation.errorForeground#6A1010
- inputValidation.infoBackground#ECF0F8
- inputValidation.infoBorder#3A3A5A
- inputValidation.warningBackground#F8F0E4
- inputValidation.warningBorder#8A6018
- keybindingLabel.background#E4E1D9
- keybindingLabel.border#D0CCC4
- keybindingLabel.bottomBorder#C8C5BC
- keybindingLabel.foreground#4A4846
- list.activeSelectionBackground#D8D0C4
- list.activeSelectionForeground#1C1A18
- list.activeSelectionIconForeground#8B1A1A
- list.deemphasizedForeground#A8A4A0
- list.dropBackground#D8D0C4
- list.errorForeground#8B1A1A
- list.filterMatchBackground#C8A0A040
- list.filterMatchBorder#00000000
- list.focusBackground#D8D0C4
- list.focusForeground#1C1A18
- list.focusOutline#00000000
- list.highlightForeground#8B1A1A
- list.hoverBackground#DEDCD4
- list.hoverForeground#2C2826
- list.inactiveSelectionBackground#DCDAD2
- list.inactiveSelectionForeground#3A3836
- list.inactiveSelectionIconForeground#6A6866
- list.invalidItemForeground#B8B4AC
- list.warningForeground#8A6018
- menu.background#EDEBE3
- menu.border#D0CCC4
- menu.foreground#2C2826
- menu.selectionBackground#D8D0C4
- menu.selectionBorder#C0B8B0
- menu.selectionForeground#1C1A18
- menu.separatorBackground#D0CCC4
- menubar.selectionBackground#D8D0C4
- menubar.selectionBorder#C0B8B0
- menubar.selectionForeground#1C1A18
- minimap.background#E8E5DD
- minimap.errorHighlight#8B1A1A70
- minimap.findMatchHighlight#C8A0A060
- minimap.foregroundOpacity#000000B0
- minimap.selectionHighlight#D8D0C440
- minimap.warningHighlight#8A601870
- minimapGutter.addedBackground#2A6A2A80
- minimapGutter.deletedBackground#8B1A1A80
- minimapGutter.modifiedBackground#7A581880
- minimapSlider.activeBackground#90888860
- minimapSlider.background#B0ACAA20
- minimapSlider.hoverBackground#B0ACAA40
- notificationCenter.border#D0CCC4
- notificationCenterHeader.background#E4E1D9
- notificationCenterHeader.foreground#4A4846
- notificationLink.foreground#8B1A1A
- notifications.background#EDEBE3
- notifications.border#D0CCC4
- notifications.foreground#2C2826
- notificationsErrorIcon.foreground#8B1A1A
- notificationsInfoIcon.foreground#3A3A5A
- notificationsWarningIcon.foreground#8A6018
- panel.background#E4E1D9
- panel.border#D0CCC4
- panel.dropBorder#8B1A1A
- panelInput.border#D0CCC4
- panelSection.border#D0CCC4
- panelSection.dropBackground#D8D0C420
- panelSectionHeader.background#E4E1D9
- panelSectionHeader.border#D0CCC4
- panelSectionHeader.foreground#4A4846
- panelTitle.activeBorder#8B1A1A
- panelTitle.activeForeground#2C2826
- panelTitle.inactiveForeground#7A7470
- peekView.border#8B1A1A
- peekViewEditor.background#F0EDE5
- peekViewEditor.matchHighlightBackground#C8A0A040
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#F0EDE5
- peekViewResult.background#E8E5DD
- peekViewResult.fileForeground#4A4846
- peekViewResult.lineForeground#7A7470
- peekViewResult.matchHighlightBackground#C8A0A060
- peekViewResult.selectionBackground#D8D0C4
- peekViewResult.selectionForeground#2C2826
- peekViewTitle.background#E8E5DD
- peekViewTitleDescription.foreground#7A7470
- peekViewTitleLabel.foreground#2C2826
- pickerGroup.border#D0CCC4
- pickerGroup.foreground#8A8680
- problemsErrorIcon.foreground#8B1A1A
- problemsInfoIcon.foreground#3A3A5A
- problemsWarningIcon.foreground#8A6018
- progressBar.background#8B1A1A
- quickInput.background#EDEBE3
- quickInput.foreground#2C2826
- quickInputList.focusBackground#D8D0C4
- quickInputList.focusForeground#1C1A18
- quickInputList.focusIconForeground#8B1A1A
- quickInputTitle.background#E4E1D9
- radio.activeBackground#D8D0C4
- radio.activeBorder#8B1A1A
- radio.activeForeground#8B1A1A
- radio.inactiveBackground#EDEBE3
- radio.inactiveBorder#C8C5BC
- radio.inactiveForeground#7A7470
- sash.hoverBorder#8B1A1A80
- scrollbar.shadow#0000001A
- scrollbarSlider.activeBackground#90888880
- scrollbarSlider.background#B0ACAA30
- scrollbarSlider.hoverBackground#B0ACAA55
- selection.background#D8D0C488
- settings.checkboxBackground#EDEBE3
- settings.checkboxBorder#C8C5BC
- settings.checkboxForeground#2C2826
- settings.dropdownBackground#EDEBE3
- settings.dropdownBorder#C8C5BC
- settings.dropdownForeground#2C2826
- settings.dropdownListBorder#C8C5BC
- settings.focusedRowBackground#D8D0C4
- settings.focusedRowBorder#D0CCC4
- settings.headerBorder#D0CCC4
- settings.headerForeground#2C2826
- settings.modifiedItemIndicator#8B1A1A
- settings.numberInputBackground#F0EDE5
- settings.numberInputBorder#C8C5BC
- settings.numberInputForeground#2C2826
- settings.rowHoverBackground#DEDCD4
- settings.sashBorder#D0CCC4
- settings.textInputBackground#F0EDE5
- settings.textInputBorder#C8C5BC
- settings.textInputForeground#2C2826
- sideBar.background#E4E1D9
- sideBar.border#D0CCC4
- sideBar.dropBackground#D8D0C440
- sideBar.foreground#4A4846
- sideBarSectionHeader.background#E4E1D9
- sideBarSectionHeader.border#D0CCC4
- sideBarSectionHeader.foreground#6A6866
- sideBarTitle.foreground#7A7470
- statusBar.background#C8C5BC
- statusBar.border#B8B5AC
- statusBar.debuggingBackground#8B1A1A
- statusBar.debuggingBorder#7A1010
- statusBar.debuggingForeground#F8F0EE
- statusBar.foreground#3A3836
- statusBar.noFolderBackground#D8D5CD
- statusBar.noFolderBorder#C8C5BC
- statusBar.noFolderForeground#4A4846
- statusBarItem.activeBackground#B8B5AC
- statusBarItem.errorBackground#8B1A1A
- statusBarItem.errorForeground#F8F0EE
- statusBarItem.hoverBackground#B8B5AC
- statusBarItem.offlineBackground#A0A0A0
- statusBarItem.offlineForeground#3A3836
- statusBarItem.prominentBackground#C0B8B0
- statusBarItem.prominentForeground#3A3836
- statusBarItem.prominentHoverBackground#B0A8A0
- statusBarItem.remoteBackground#8B1A1A
- statusBarItem.remoteForeground#F8F0EE
- statusBarItem.warningBackground#8A6018
- statusBarItem.warningForeground#F8F0E8
- tab.activeBackground#EDEBE3
- tab.activeBorder#00000000
- tab.activeBorderTop#8B1A1A
- tab.activeForeground#1C1A18
- tab.activeModifiedBorder#8B1A1A
- tab.border#D0CCC4
- tab.hoverBackground#E8E5DD
- tab.hoverBorder#00000000
- tab.hoverForeground#2C2826
- tab.inactiveBackground#E4E1D9
- tab.inactiveForeground#7A7470
- tab.inactiveModifiedBorder#8B1A1A80
- tab.lastPinnedBorder#D0CCC4
- tab.unfocusedActiveBackground#EDEBE3
- tab.unfocusedActiveBorderTop#C08080
- tab.unfocusedActiveForeground#4A4846
- tab.unfocusedHoverBackground#E8E5DD
- tab.unfocusedInactiveBackground#E4E1D9
- tab.unfocusedInactiveForeground#909090
- terminal.ansiBlack#2A2824
- terminal.ansiBlue#3A3A5A
- terminal.ansiBrightBlack#504C48
- terminal.ansiBrightBlue#5050A0
- terminal.ansiBrightCyan#2A8A9A
- terminal.ansiBrightGreen#3A8A3A
- terminal.ansiBrightMagenta#9A4080
- terminal.ansiBrightRed#C03030
- terminal.ansiBrightWhite#DDD8D0
- terminal.ansiBrightYellow#B08030
- terminal.ansiCyan#1A5A6A
- terminal.ansiGreen#2A6A2A
- terminal.ansiMagenta#6A3060
- terminal.ansiRed#8B1A1A
- terminal.ansiWhite#9A9490
- terminal.ansiYellow#8A6018
- terminal.background#2A2824
- terminal.border#D0CCC4
- terminal.foreground#DDD8D0
- terminal.inactiveSelectionBackground#50484420
- terminal.selectionBackground#50484440
- terminal.tab.activeBorder#8B1A1A
- terminalCursor.background#2A2824
- terminalCursor.foreground#8B1A1A
- textBlockQuote.background#EDEBE3
- textBlockQuote.border#D0CCC4
- textCodeBlock.background#E4E1D9
- textLink.activeForeground#A03030
- textLink.foreground#8B1A1A
- textPreformat.background#E4E1D9
- textPreformat.foreground#4A4846
- textSeparator.foreground#D0CCC4
- titleBar.activeBackground#D8D5CD
- titleBar.activeForeground#3A3836
- titleBar.border#C8C5BD
- titleBar.inactiveBackground#E4E1D9
- titleBar.inactiveForeground#7A7470
- tree.indentGuidesStroke#D0CCC4
- tree.tableColumnsBorder#DAD8D0
- walkThrough.embeddedEditorBackground#E4E1D9
- walkthrough.stepTitle.foreground#8B1A1A
- welcomePage.background#E4E1D9
- welcomePage.tileBackground#EDEBE3
- welcomePage.tileBorder#D0CCC4
- welcomePage.tileHoverBackground#E0DDD5
- widget.border#D0CCC4
- widget.shadow#0000001A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #9A9490 | italic |
| string, string.quoted, string.template | #7A3A30 | — |
| constant.character.escape, string.regexp, string.regexp keyword.other | #6A2820 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #5A2018 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan | #6A4A28 | — |
| constant.language, constant.other, constant.character | #6A4A28 | — |
| 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 | #8B1A1A | — |
| 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 | #5A3830 | — |
| keyword, keyword.other, keyword.declaration | #8B1A1A | — |
| storage.type, storage.modifier | #8B1A1A | — |
| 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 | #4A4A68 | — |
| entity.name.function, meta.definition.method entity.name.function, meta.function entity.name.function | #3A3A5A | — |
| meta.function-call entity.name.function, meta.function-call.generic entity.name.function, support.function | #3A3A5A | — |
| variable, variable.other, variable.other.readwrite, variable.other.member, variable.other.property | #2C2826 | — |
| variable.other.constant, variable.other.enummember | #6A4A28 | — |
| variable.parameter, meta.parameter | #3A3836 | — |
| support.type.property-name, meta.object-literal.key, meta.property-name, entity.name.tag.yaml, support.type.property-name.json | #3A3836 | — |
| entity.name.type.interface | #4A4A68 | italic |
| meta.type.parameters, entity.name.type.parameter | #4A4A68 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #8B1A1A | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx | #6A4A28 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #3A3A5A | — |
| support.type.property-name.css, meta.property-name.css | #3A3836 | — |
| constant.numeric.css, keyword.other.unit.css, support.constant.property-value.css | #6A4A28 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #8B1A1A | — |
| meta.decorator, meta.decorator punctuation.decorator, entity.name.function.decorator, punctuation.definition.decorator | #7A5820 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace, punctuation.definition.binding-pattern | #6A6860 | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #7A7470 | — |
| support.constant, support.variable | #4A4A68 | — |
| support.type.primitive, support.type.builtin | #8B1A1A | — |
| invalid, invalid.illegal | #C03030 | underline |
| invalid.deprecated | #906030 | underline |
| markup.heading, markup.heading entity.name, punctuation.definition.heading.markdown | #8B1A1A | bold |
| markup.bold, markup.bold string | — | bold |
| markup.italic, markup.italic string | — | italic |
| markup.inline.raw, markup.raw | #4A4A68 | — |
| markup.quote, punctuation.definition.blockquote | #7A7470 | italic |
| markup.underline.link, string.other.link | #8B1A1A | — |
| punctuation.definition.list.begin.markdown, markup.list punctuation.definition.list.begin | #8B1A1A | — |
| markup.inserted | #2A6A2A | — |
| markup.deleted | #8B1A1A | — |
| markup.changed | #7A5818 | — |