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#A8C0C820
- activityBar.activeBorder#1E7888
- activityBar.background#C0D0D6
- activityBar.border#AEC2CA
- activityBar.dropBorder#1E7888
- activityBar.foreground#182830
- activityBar.inactiveForeground#7898A8
- activityBarBadge.background#1E7888
- activityBarBadge.foreground#E0F0F4
- badge.background#1E7888
- badge.foreground#E0F0F4
- breadcrumb.activeSelectionForeground#182830
- breadcrumb.background#D8E4E8
- breadcrumb.focusForeground#284858
- breadcrumb.foreground#508090
- breadcrumbPicker.background#D8E4E8
- button.background#1E7888
- button.border#00000000
- button.foreground#E0F0F4
- button.hoverBackground#2A90A0
- button.secondaryBackground#C0D0D6
- button.secondaryForeground#182830
- button.secondaryHoverBackground#B0C4CA
- button.separator#E0F0F420
- charts.blue#1E7888
- charts.foreground#284858
- charts.green#1E6A30
- charts.lines#AECAD0
- charts.orange#6A5020
- charts.purple#3A5888
- charts.red#7A2020
- charts.yellow#487A50
- checkbox.background#D8E4E8
- checkbox.border#A8C2CA
- checkbox.foreground#182830
- checkbox.selectBackground#A8C0C8
- checkbox.selectBorder#1E7888
- debugExceptionWidget.background#E0ECF0
- debugExceptionWidget.border#1E7888
- debugTokenExpression.boolean#2A6878
- debugTokenExpression.error#7A2020
- debugTokenExpression.name#287888
- debugTokenExpression.number#2A6878
- debugTokenExpression.string#486878
- debugTokenExpression.value#486878
- debugToolBar.background#D8E4E8
- debugToolBar.border#AECAD0
- descriptionForeground#487888
- diffEditor.border#BED0D6
- diffEditor.diagonalFill#BED0D620
- diffEditor.insertedLineBackground#1E6A3014
- diffEditor.insertedTextBackground#1E6A3020
- diffEditor.removedLineBackground#7A202014
- diffEditor.removedTextBackground#7A202020
- disabledForeground#88A0A8
- dropdown.background#D8E4E8
- dropdown.border#A8C2CA
- dropdown.foreground#182830
- dropdown.listBackground#D8E4E8
- editor.background#D8E4E8
- editor.findMatchBackground#78B0B860
- editor.findMatchBorder#1E788880
- editor.findMatchHighlightBackground#88B8C040
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#CCDADF
- editor.foreground#182830
- editor.hoverHighlightBackground#B0C8CC55
- editor.inactiveSelectionBackground#AEC6CC55
- editor.lineHighlightBackground#CCDADF
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#CCDADF
- editor.selectionBackground#A8C0C888
- editor.selectionHighlightBackground#B0C8CE55
- editor.selectionHighlightBorder#00000000
- editor.symbolHighlightBackground#A8C0C855
- editor.wordHighlightBackground#B0C8CC55
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#A4BCC488
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#1E7888
- editorBracketHighlight.foreground2#287888
- editorBracketHighlight.foreground3#5A8898
- editorBracketHighlight.unexpectedBracket.foreground#9A3030
- editorBracketMatch.background#78B0B840
- editorBracketMatch.border#1E788880
- editorCodeLens.foreground#88A0A8
- editorCursor.background#D8E4E8
- editorCursor.foreground#1E7888
- editorError.background#7A202010
- editorError.border#00000000
- editorError.foreground#7A2020
- editorGroup.border#AECAD0
- editorGroup.dropBackground#A8C0C820
- editorGroup.emptyBackground#D8E4E8
- editorGroupHeader.noTabsBackground#D8E4E8
- editorGroupHeader.tabsBackground#CDDADF
- editorGroupHeader.tabsBorder#AECAD0
- editorGutter.addedBackground#1E6A3055
- editorGutter.background#D8E4E8
- editorGutter.commentRangeForeground#88A0A8
- editorGutter.deletedBackground#7A202055
- editorGutter.foldingControlForeground#88A0A8
- editorGutter.modifiedBackground#487A5055
- editorHint.border#00000000
- editorHint.foreground#1E6A30
- editorHoverWidget.background#DCE8EC
- editorHoverWidget.border#AECAD0
- editorHoverWidget.foreground#284858
- editorHoverWidget.highlightForeground#287888
- editorHoverWidget.statusBarBackground#D8E4E8
- editorIndentGuide.activeBackground1#9AB8C0
- editorIndentGuide.background1#BED0D6
- editorInfo.background#1E788810
- editorInfo.border#00000000
- editorInfo.foreground#1E7888
- editorLightBulb.foreground#5A8898
- editorLightBulbAutoFix.foreground#5A8898
- editorLineNumber.activeForeground#487888
- editorLineNumber.foreground#88A0A8
- editorLink.activeForeground#287888
- editorOverviewRuler.addedForeground#1E6A3080
- editorOverviewRuler.background#D0DDE2
- editorOverviewRuler.border#BED0D6
- editorOverviewRuler.bracketMatchForeground#1E788840
- editorOverviewRuler.deletedForeground#7A202080
- editorOverviewRuler.errorForeground#7A202080
- editorOverviewRuler.findMatchForeground#1E788860
- editorOverviewRuler.infoForeground#1E788880
- editorOverviewRuler.modifiedForeground#487A5080
- editorOverviewRuler.selectionHighlightForeground#A8C0C840
- editorOverviewRuler.warningForeground#487A5080
- editorOverviewRuler.wordHighlightForeground#1E788840
- editorOverviewRuler.wordHighlightStrongForeground#1E788860
- editorRuler.foreground#BED0D6
- editorSuggestWidget.background#DCE8EC
- editorSuggestWidget.border#AECAD0
- editorSuggestWidget.focusHighlightForeground#1E7888
- editorSuggestWidget.foreground#182830
- editorSuggestWidget.highlightForeground#287888
- editorSuggestWidget.selectedBackground#C4D6DC
- editorSuggestWidget.selectedForeground#182830
- editorSuggestWidget.selectedIconForeground#1E7888
- editorWarning.background#487A5010
- editorWarning.border#00000000
- editorWarning.foreground#487A50
- editorWidget.background#D8E4E8
- editorWidget.border#AECAD0
- editorWidget.foreground#3A5868
- editorWidget.resizeBorder#1E7888
- errorForeground#7A2020
- extensionBadge.remoteBackground#1E7888
- extensionBadge.remoteForeground#E0F0F4
- extensionButton.prominentBackground#1E7888
- extensionButton.prominentForeground#E0F0F4
- extensionButton.prominentHoverBackground#2A90A0
- focusBorder#1E788840
- foreground#284858
- gitDecoration.addedResourceForeground#1E6A30
- gitDecoration.conflictingResourceForeground#6A4A20
- gitDecoration.deletedResourceForeground#7A2020
- gitDecoration.ignoredResourceForeground#88A8B0
- gitDecoration.modifiedResourceForeground#487A50
- gitDecoration.renamedResourceForeground#1E7888
- gitDecoration.stageDeletedResourceForeground#7A2020
- gitDecoration.stageModifiedResourceForeground#487A50
- gitDecoration.submoduleResourceForeground#487888
- gitDecoration.untrackedResourceForeground#287888
- icon.foreground#487888
- input.background#DCE8EC
- input.border#A8C2CA
- input.foreground#182830
- input.placeholderForeground#7898A8
- inputOption.activeBackground#A8C0C8
- inputOption.activeBorder#1E7888
- inputOption.activeForeground#0E1E28
- inputOption.hoverBackground#C4D6DC
- inputValidation.errorBackground#EEE8E8
- inputValidation.errorBorder#7A2020
- inputValidation.errorForeground#5A1010
- inputValidation.infoBackground#E0ECF0
- inputValidation.infoBorder#1E7888
- inputValidation.warningBackground#E8F0EC
- inputValidation.warningBorder#487A50
- keybindingLabel.background#CDDADF
- keybindingLabel.border#AECAD0
- keybindingLabel.bottomBorder#A8C2CA
- keybindingLabel.foreground#284858
- list.activeSelectionBackground#A8C0C8
- list.activeSelectionForeground#0E1E28
- list.activeSelectionIconForeground#1E7888
- list.deemphasizedForeground#88A8B0
- list.dropBackground#A8C0C8
- list.errorForeground#7A2020
- list.filterMatchBackground#78B0B840
- list.filterMatchBorder#00000000
- list.focusBackground#A8C0C8
- list.focusForeground#0E1E28
- list.focusOutline#00000000
- list.highlightForeground#1E7888
- list.hoverBackground#BED0D6
- list.hoverForeground#182830
- list.inactiveSelectionBackground#B4C8CE
- list.inactiveSelectionForeground#182830
- list.inactiveSelectionIconForeground#3A5868
- list.invalidItemForeground#88A0A8
- list.warningForeground#487A50
- menu.background#D8E4E8
- menu.border#AECAD0
- menu.foreground#182830
- menu.selectionBackground#A8C0C8
- menu.selectionBorder#98B0B8
- menu.selectionForeground#0E1E28
- menu.separatorBackground#AECAD0
- menubar.selectionBackground#A8C0C8
- menubar.selectionBorder#98B0B8
- menubar.selectionForeground#0E1E28
- minimap.background#D0DCE0
- minimap.errorHighlight#7A202070
- minimap.findMatchHighlight#78B0B860
- minimap.foregroundOpacity#000000B0
- minimap.selectionHighlight#A8C0C840
- minimap.warningHighlight#487A5070
- minimapGutter.addedBackground#1E6A3080
- minimapGutter.deletedBackground#7A202080
- minimapGutter.modifiedBackground#487A5080
- minimapSlider.activeBackground#4A788860
- minimapSlider.background#7898A820
- minimapSlider.hoverBackground#7898A840
- notificationCenter.border#AECAD0
- notificationCenterHeader.background#CDDADF
- notificationCenterHeader.foreground#284858
- notificationLink.foreground#1E7888
- notifications.background#D8E4E8
- notifications.border#AECAD0
- notifications.foreground#182830
- notificationsErrorIcon.foreground#7A2020
- notificationsInfoIcon.foreground#1E7888
- notificationsWarningIcon.foreground#487A50
- panel.background#CDDADF
- panel.border#AECAD0
- panel.dropBorder#1E7888
- panelInput.border#AECAD0
- panelSection.border#AECAD0
- panelSection.dropBackground#A8C0C820
- panelSectionHeader.background#CDDADF
- panelSectionHeader.border#AECAD0
- panelSectionHeader.foreground#284858
- panelTitle.activeBorder#1E7888
- panelTitle.activeForeground#182830
- panelTitle.inactiveForeground#487888
- peekView.border#1E7888
- peekViewEditor.background#DCE8EC
- peekViewEditor.matchHighlightBackground#78B0B840
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#DCE8EC
- peekViewResult.background#D0DCE0
- peekViewResult.fileForeground#284858
- peekViewResult.lineForeground#487888
- peekViewResult.matchHighlightBackground#78B0B860
- peekViewResult.selectionBackground#A8C0C8
- peekViewResult.selectionForeground#182830
- peekViewTitle.background#D0DCE0
- peekViewTitleDescription.foreground#487888
- peekViewTitleLabel.foreground#182830
- pickerGroup.border#AECAD0
- pickerGroup.foreground#508090
- problemsErrorIcon.foreground#7A2020
- problemsInfoIcon.foreground#1E7888
- problemsWarningIcon.foreground#487A50
- progressBar.background#1E7888
- quickInput.background#D8E4E8
- quickInput.foreground#182830
- quickInputList.focusBackground#A8C0C8
- quickInputList.focusForeground#0E1E28
- quickInputList.focusIconForeground#1E7888
- quickInputTitle.background#CDDADF
- radio.activeBackground#A8C0C8
- radio.activeBorder#1E7888
- radio.activeForeground#1E7888
- radio.inactiveBackground#D8E4E8
- radio.inactiveBorder#A8C2CA
- radio.inactiveForeground#487888
- sash.hoverBorder#1E788880
- scrollbar.shadow#0000001A
- scrollbarSlider.activeBackground#4A788880
- scrollbarSlider.background#7898A830
- scrollbarSlider.hoverBackground#7898A855
- selection.background#A8C0C888
- settings.checkboxBackground#D8E4E8
- settings.checkboxBorder#A8C2CA
- settings.checkboxForeground#182830
- settings.dropdownBackground#D8E4E8
- settings.dropdownBorder#A8C2CA
- settings.dropdownForeground#182830
- settings.dropdownListBorder#A8C2CA
- settings.focusedRowBackground#A8C0C8
- settings.focusedRowBorder#AECAD0
- settings.headerBorder#AECAD0
- settings.headerForeground#182830
- settings.modifiedItemIndicator#1E7888
- settings.numberInputBackground#DCE8EC
- settings.numberInputBorder#A8C2CA
- settings.numberInputForeground#182830
- settings.rowHoverBackground#C6D6DC
- settings.sashBorder#AECAD0
- settings.textInputBackground#DCE8EC
- settings.textInputBorder#A8C2CA
- settings.textInputForeground#182830
- sideBar.background#CDDADF
- sideBar.border#AECAD0
- sideBar.dropBackground#A8C0C840
- sideBar.foreground#284858
- sideBarSectionHeader.background#CDDADF
- sideBarSectionHeader.border#AECAD0
- sideBarSectionHeader.foreground#3A5868
- sideBarTitle.foreground#487888
- statusBar.background#ADBFC7
- statusBar.border#9BB0BA
- statusBar.debuggingBackground#1E7888
- statusBar.debuggingBorder#0E6070
- statusBar.debuggingForeground#E0F0F4
- statusBar.foreground#0E1E28
- statusBar.noFolderBackground#C0D0D6
- statusBar.noFolderBorder#ADBFC7
- statusBar.noFolderForeground#284858
- statusBarItem.activeBackground#9BB0BA
- statusBarItem.errorBackground#7A2020
- statusBarItem.errorForeground#E0F0F4
- statusBarItem.hoverBackground#9BB0BA
- statusBarItem.offlineBackground#7898A8
- statusBarItem.offlineForeground#0E1E28
- statusBarItem.prominentBackground#A4B8C2
- statusBarItem.prominentForeground#0E1E28
- statusBarItem.prominentHoverBackground#90A8B2
- statusBarItem.remoteBackground#1E7888
- statusBarItem.remoteForeground#E0F0F4
- statusBarItem.warningBackground#487A50
- statusBarItem.warningForeground#E0F0E8
- tab.activeBackground#D8E4E8
- tab.activeBorder#00000000
- tab.activeBorderTop#1E7888
- tab.activeForeground#0E1E28
- tab.activeModifiedBorder#1E7888
- tab.border#AECAD0
- tab.hoverBackground#D2E0E4
- tab.hoverBorder#00000000
- tab.hoverForeground#182830
- tab.inactiveBackground#CDDADF
- tab.inactiveForeground#487888
- tab.inactiveModifiedBorder#1E788880
- tab.lastPinnedBorder#AECAD0
- tab.unfocusedActiveBackground#D8E4E8
- tab.unfocusedActiveBorderTop#5A9898
- tab.unfocusedActiveForeground#284858
- tab.unfocusedHoverBackground#D2E0E4
- tab.unfocusedInactiveBackground#CDDADF
- tab.unfocusedInactiveForeground#6898A8
- terminal.ansiBlack#101C20
- terminal.ansiBlue#1E7888
- terminal.ansiBrightBlack#203038
- terminal.ansiBrightBlue#2A98A8
- terminal.ansiBrightCyan#3898A8
- terminal.ansiBrightGreen#2A8A40
- terminal.ansiBrightMagenta#5070A8
- terminal.ansiBrightRed#9A3030
- terminal.ansiBrightWhite#C0D8E0
- terminal.ansiBrightYellow#608A68
- terminal.ansiCyan#287888
- terminal.ansiGreen#1E6A30
- terminal.ansiMagenta#3A5888
- terminal.ansiRed#7A2020
- terminal.ansiWhite#6898A8
- terminal.ansiYellow#487A50
- terminal.background#101C20
- terminal.border#AECAD0
- terminal.foreground#C0D8E0
- terminal.inactiveSelectionBackground#1E3A4020
- terminal.selectionBackground#1E3A4040
- terminal.tab.activeBorder#1E7888
- terminalCursor.background#101C20
- terminalCursor.foreground#5A9898
- textBlockQuote.background#D8E4E8
- textBlockQuote.border#AECAD0
- textCodeBlock.background#CDDADF
- textLink.activeForeground#2A90A0
- textLink.foreground#1E7888
- textPreformat.background#CDDADF
- textPreformat.foreground#284858
- textSeparator.foreground#AECAD0
- titleBar.activeBackground#C0D0D6
- titleBar.activeForeground#0E1E28
- titleBar.border#AEC2CA
- titleBar.inactiveBackground#CDDADF
- titleBar.inactiveForeground#487888
- tree.indentGuidesStroke#AECAD0
- tree.tableColumnsBorder#BED0D6
- walkThrough.embeddedEditorBackground#CDDADF
- walkthrough.stepTitle.foreground#1E7888
- welcomePage.background#CDDADF
- welcomePage.tileBackground#D8E4E8
- welcomePage.tileBorder#AECAD0
- welcomePage.tileHoverBackground#C4D6DC
- widget.border#AECAD0
- widget.shadow#0000001A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #5A8090 | italic |
| string, string.quoted, string.template | #1E6870 | — |
| constant.character.escape, string.regexp, string.regexp keyword.other | #185860 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #104850 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan | #2A6878 | — |
| constant.language, constant.other, constant.character | #2A6878 | — |
| 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 | #1A5870 | — |
| 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 | #285068 | — |
| keyword, keyword.other, keyword.declaration | #1A5870 | — |
| storage.type, storage.modifier | #1A5870 | — |
| 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 | #3A6870 | — |
| entity.name.function, meta.definition.method entity.name.function, meta.function entity.name.function | #287888 | — |
| meta.function-call entity.name.function, meta.function-call.generic entity.name.function, support.function | #287888 | — |
| variable, variable.other, variable.other.readwrite, variable.other.member, variable.other.property | #182830 | — |
| variable.other.constant, variable.other.enummember | #2A6878 | — |
| variable.parameter, meta.parameter | #223040 | — |
| support.type.property-name, meta.object-literal.key, meta.property-name, entity.name.tag.yaml, support.type.property-name.json | #223040 | — |
| entity.name.type.interface | #3A6870 | italic |
| meta.type.parameters, entity.name.type.parameter | #3A6870 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #1A5870 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx | #2A6878 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #287888 | — |
| support.type.property-name.css, meta.property-name.css | #223040 | — |
| constant.numeric.css, keyword.other.unit.css, support.constant.property-value.css | #2A6878 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #1A5870 | — |
| meta.decorator, meta.decorator punctuation.decorator, entity.name.function.decorator, punctuation.definition.decorator | #5A8898 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace, punctuation.definition.binding-pattern | #4A6878 | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #508090 | — |
| support.constant, support.variable | #3A6870 | — |
| support.type.primitive, support.type.builtin | #1A5870 | — |
| invalid, invalid.illegal | #9A3030 | underline |
| invalid.deprecated | #7A6030 | underline |
| markup.heading, markup.heading entity.name, punctuation.definition.heading.markdown | #1A5870 | bold |
| markup.bold, markup.bold string | — | bold |
| markup.italic, markup.italic string | — | italic |
| markup.inline.raw, markup.raw | #3A6870 | — |
| markup.quote, punctuation.definition.blockquote | #487888 | italic |
| markup.underline.link, string.other.link | #287888 | — |
| punctuation.definition.list.begin.markdown, markup.list punctuation.definition.list.begin | #1E7888 | — |
| markup.inserted | #1E6A30 | — |
| markup.deleted | #7A2020 | — |
| markup.changed | #487A50 | — |