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#C8C0E020
- activityBar.activeBorder#3A3898
- activityBar.background#D0CCDE
- activityBar.border#C0BCCC
- activityBar.dropBorder#3A3898
- activityBar.foreground#3A3858
- activityBar.inactiveForeground#9898C0
- activityBarBadge.background#3A3898
- activityBarBadge.foreground#F0EEFC
- badge.background#3A3898
- badge.foreground#F0EEFC
- breadcrumb.activeSelectionForeground#1E1C38
- breadcrumb.background#E8E4F0
- breadcrumb.focusForeground#4A4870
- breadcrumb.foreground#7A78A8
- breadcrumbPicker.background#E8E4F0
- button.background#3A3898
- button.border#00000000
- button.foreground#F0EEFC
- button.hoverBackground#5050B0
- button.secondaryBackground#D0CCDE
- button.secondaryForeground#1E1C38
- button.secondaryHoverBackground#C4C0D2
- button.separator#F0EEFC20
- charts.blue#3A3898
- charts.foreground#4A4870
- charts.green#2A5A30
- charts.lines#C8C4DC
- charts.orange#8A5018
- charts.purple#6A3A88
- charts.red#8A2020
- charts.yellow#8A7018
- checkbox.background#E8E4F0
- checkbox.border#C0BBD8
- checkbox.foreground#1E1C38
- checkbox.selectBackground#C8C0E0
- checkbox.selectBorder#3A3898
- debugExceptionWidget.background#F0EEFC
- debugExceptionWidget.border#3A3898
- debugTokenExpression.boolean#8A7028
- debugTokenExpression.error#8A2020
- debugTokenExpression.name#2A7878
- debugTokenExpression.number#8A7028
- debugTokenExpression.string#7A5820
- debugTokenExpression.value#7A5820
- debugToolBar.background#E8E4F0
- debugToolBar.border#C8C4DC
- descriptionForeground#6A6898
- diffEditor.border#D4D0E4
- diffEditor.diagonalFill#D4D0E420
- diffEditor.insertedLineBackground#2A5A3014
- diffEditor.insertedTextBackground#2A5A3020
- diffEditor.removedLineBackground#8A202014
- diffEditor.removedTextBackground#8A202020
- disabledForeground#A8A4C0
- dropdown.background#E8E4F0
- dropdown.border#C0BBD8
- dropdown.foreground#1E1C38
- dropdown.listBackground#E8E4F0
- editor.background#E8E4F0
- editor.findMatchBackground#C0B07060
- editor.findMatchBorder#9A803080
- editor.findMatchHighlightBackground#CCC0A040
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#E0DCE8
- editor.foreground#1E1C38
- editor.hoverHighlightBackground#CCC8E855
- editor.inactiveSelectionBackground#CAC8DE55
- editor.lineHighlightBackground#E0DCE8
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#E0DCE8
- editor.selectionBackground#C8C0E088
- editor.selectionHighlightBackground#CCCAE055
- editor.selectionHighlightBorder#00000000
- editor.symbolHighlightBackground#C8C0E055
- editor.wordHighlightBackground#CCC8E855
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#C4BEDE88
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#3A3898
- editorBracketHighlight.foreground2#2A7878
- editorBracketHighlight.foreground3#6A3A88
- editorBracketHighlight.unexpectedBracket.foreground#C04040
- editorBracketMatch.background#C0B07040
- editorBracketMatch.border#9A803080
- editorCodeLens.foreground#A8A4C0
- editorCursor.background#E8E4F0
- editorCursor.foreground#3A3898
- editorError.background#8A202010
- editorError.border#00000000
- editorError.foreground#8A2020
- editorGroup.border#C8C4DC
- editorGroup.dropBackground#C8C0E020
- editorGroup.emptyBackground#E8E4F0
- editorGroupHeader.noTabsBackground#E8E4F0
- editorGroupHeader.tabsBackground#DDD8EA
- editorGroupHeader.tabsBorder#C8C4DC
- editorGutter.addedBackground#2A5A3055
- editorGutter.background#E8E4F0
- editorGutter.commentRangeForeground#A8A4C0
- editorGutter.deletedBackground#8A202055
- editorGutter.foldingControlForeground#A8A4C0
- editorGutter.modifiedBackground#8A701855
- editorHint.border#00000000
- editorHint.foreground#2A7878
- editorHoverWidget.background#F0EDF8
- editorHoverWidget.border#C8C4DC
- editorHoverWidget.foreground#4A4870
- editorHoverWidget.highlightForeground#3A3898
- editorHoverWidget.statusBarBackground#E8E4F0
- editorIndentGuide.activeBackground1#B8B4D0
- editorIndentGuide.background1#D4D0E4
- editorInfo.background#3A389810
- editorInfo.border#00000000
- editorInfo.foreground#3A3898
- editorLightBulb.foreground#9A8030
- editorLightBulbAutoFix.foreground#9A8030
- editorLineNumber.activeForeground#6A6898
- editorLineNumber.foreground#A8A4C0
- editorLink.activeForeground#2A7878
- editorOverviewRuler.addedForeground#2A5A3080
- editorOverviewRuler.background#EAE8F4
- editorOverviewRuler.border#D4D0E4
- editorOverviewRuler.bracketMatchForeground#9A803040
- editorOverviewRuler.deletedForeground#8A202080
- editorOverviewRuler.errorForeground#8A202080
- editorOverviewRuler.findMatchForeground#9A803060
- editorOverviewRuler.infoForeground#3A389880
- editorOverviewRuler.modifiedForeground#8A701880
- editorOverviewRuler.selectionHighlightForeground#C8C0E040
- editorOverviewRuler.warningForeground#8A701880
- editorOverviewRuler.wordHighlightForeground#3A389840
- editorOverviewRuler.wordHighlightStrongForeground#3A389860
- editorRuler.foreground#D4D0E4
- editorSuggestWidget.background#F0EDF8
- editorSuggestWidget.border#C8C4DC
- editorSuggestWidget.focusHighlightForeground#3A3898
- editorSuggestWidget.foreground#1E1C38
- editorSuggestWidget.highlightForeground#3A3898
- editorSuggestWidget.selectedBackground#DAD6EC
- editorSuggestWidget.selectedForeground#1E1C38
- editorSuggestWidget.selectedIconForeground#3A3898
- editorWarning.background#8A701810
- editorWarning.border#00000000
- editorWarning.foreground#8A7018
- editorWidget.background#E8E4F0
- editorWidget.border#C8C4DC
- editorWidget.foreground#5A5880
- editorWidget.resizeBorder#3A3898
- errorForeground#8A2020
- extensionBadge.remoteBackground#3A3898
- extensionBadge.remoteForeground#F0EEFC
- extensionButton.prominentBackground#3A3898
- extensionButton.prominentForeground#F0EEFC
- extensionButton.prominentHoverBackground#5050B0
- focusBorder#3A389840
- foreground#4A4870
- gitDecoration.addedResourceForeground#2A5A30
- gitDecoration.conflictingResourceForeground#8A5018
- gitDecoration.deletedResourceForeground#8A2020
- gitDecoration.ignoredResourceForeground#A0A0C0
- gitDecoration.modifiedResourceForeground#7A6018
- gitDecoration.renamedResourceForeground#3A3898
- gitDecoration.stageDeletedResourceForeground#8A2020
- gitDecoration.stageModifiedResourceForeground#7A6018
- gitDecoration.submoduleResourceForeground#6A6898
- gitDecoration.untrackedResourceForeground#2A7878
- icon.foreground#6A6898
- input.background#EEEBf8
- input.border#C0BBD8
- input.foreground#1E1C38
- input.placeholderForeground#A8A4C0
- inputOption.activeBackground#C8C0E0
- inputOption.activeBorder#3A3898
- inputOption.activeForeground#12102C
- inputOption.hoverBackground#DAD6EC
- inputValidation.errorBackground#F8EEEE
- inputValidation.errorBorder#8A2020
- inputValidation.errorForeground#6A1010
- inputValidation.infoBackground#EEEEF8
- inputValidation.infoBorder#3A3898
- inputValidation.warningBackground#F8F4E8
- inputValidation.warningBorder#8A7018
- keybindingLabel.background#DDD8EA
- keybindingLabel.border#C8C4DC
- keybindingLabel.bottomBorder#C0BBD8
- keybindingLabel.foreground#4A4870
- list.activeSelectionBackground#C8C0E0
- list.activeSelectionForeground#12102C
- list.activeSelectionIconForeground#3A3898
- list.deemphasizedForeground#A0A0C0
- list.dropBackground#C8C0E0
- list.errorForeground#8A2020
- list.filterMatchBackground#C0B07040
- list.filterMatchBorder#00000000
- list.focusBackground#C8C0E0
- list.focusForeground#12102C
- list.focusOutline#00000000
- list.highlightForeground#3A3898
- list.hoverBackground#D4D0E8
- list.hoverForeground#1E1C38
- list.inactiveSelectionBackground#D0CCE4
- list.inactiveSelectionForeground#2A2848
- list.inactiveSelectionIconForeground#5A5880
- list.invalidItemForeground#A8A4C0
- list.warningForeground#8A7018
- menu.background#E8E4F0
- menu.border#C8C4DC
- menu.foreground#1E1C38
- menu.selectionBackground#C8C0E0
- menu.selectionBorder#B8B0D0
- menu.selectionForeground#12102C
- menu.separatorBackground#C8C4DC
- menubar.selectionBackground#C8C0E0
- menubar.selectionBorder#B8B0D0
- menubar.selectionForeground#12102C
- minimap.background#E4E0F0
- minimap.errorHighlight#8A202070
- minimap.findMatchHighlight#C0B07060
- minimap.foregroundOpacity#000000B0
- minimap.selectionHighlight#C8C0E040
- minimap.warningHighlight#8A701870
- minimapGutter.addedBackground#2A5A3080
- minimapGutter.deletedBackground#8A202080
- minimapGutter.modifiedBackground#7A601880
- minimapSlider.activeBackground#8888A860
- minimapSlider.background#A8A4C020
- minimapSlider.hoverBackground#A8A4C040
- notificationCenter.border#C8C4DC
- notificationCenterHeader.background#DDD8EA
- notificationCenterHeader.foreground#4A4870
- notificationLink.foreground#3A3898
- notifications.background#E8E4F0
- notifications.border#C8C4DC
- notifications.foreground#1E1C38
- notificationsErrorIcon.foreground#8A2020
- notificationsInfoIcon.foreground#3A3898
- notificationsWarningIcon.foreground#8A7018
- panel.background#DDD8EA
- panel.border#C8C4DC
- panel.dropBorder#3A3898
- panelInput.border#C8C4DC
- panelSection.border#C8C4DC
- panelSection.dropBackground#C8C0E020
- panelSectionHeader.background#DDD8EA
- panelSectionHeader.border#C8C4DC
- panelSectionHeader.foreground#4A4870
- panelTitle.activeBorder#3A3898
- panelTitle.activeForeground#1E1C38
- panelTitle.inactiveForeground#6A6898
- peekView.border#3A3898
- peekViewEditor.background#EEEBf8
- peekViewEditor.matchHighlightBackground#C0B07040
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#EEEBf8
- peekViewResult.background#E4E0F0
- peekViewResult.fileForeground#4A4870
- peekViewResult.lineForeground#6A6898
- peekViewResult.matchHighlightBackground#C0B07060
- peekViewResult.selectionBackground#C8C0E0
- peekViewResult.selectionForeground#1E1C38
- peekViewTitle.background#E4E0F0
- peekViewTitleDescription.foreground#6A6898
- peekViewTitleLabel.foreground#1E1C38
- pickerGroup.border#C8C4DC
- pickerGroup.foreground#7A78A8
- problemsErrorIcon.foreground#8A2020
- problemsInfoIcon.foreground#3A3898
- problemsWarningIcon.foreground#8A7018
- progressBar.background#3A3898
- quickInput.background#E8E4F0
- quickInput.foreground#1E1C38
- quickInputList.focusBackground#C8C0E0
- quickInputList.focusForeground#12102C
- quickInputList.focusIconForeground#3A3898
- quickInputTitle.background#DDD8EA
- radio.activeBackground#C8C0E0
- radio.activeBorder#3A3898
- radio.activeForeground#3A3898
- radio.inactiveBackground#E8E4F0
- radio.inactiveBorder#C0BBD8
- radio.inactiveForeground#6A6898
- sash.hoverBorder#3A389880
- scrollbar.shadow#0000001A
- scrollbarSlider.activeBackground#8888A880
- scrollbarSlider.background#A8A4C030
- scrollbarSlider.hoverBackground#A8A4C055
- selection.background#C8C0E088
- settings.checkboxBackground#E8E4F0
- settings.checkboxBorder#C0BBD8
- settings.checkboxForeground#1E1C38
- settings.dropdownBackground#E8E4F0
- settings.dropdownBorder#C0BBD8
- settings.dropdownForeground#1E1C38
- settings.dropdownListBorder#C0BBD8
- settings.focusedRowBackground#C8C0E0
- settings.focusedRowBorder#C8C4DC
- settings.headerBorder#C8C4DC
- settings.headerForeground#1E1C38
- settings.modifiedItemIndicator#3A3898
- settings.numberInputBackground#EEEBf8
- settings.numberInputBorder#C0BBD8
- settings.numberInputForeground#1E1C38
- settings.rowHoverBackground#D8D4E8
- settings.sashBorder#C8C4DC
- settings.textInputBackground#EEEBf8
- settings.textInputBorder#C0BBD8
- settings.textInputForeground#1E1C38
- sideBar.background#DDD8EA
- sideBar.border#C8C4DC
- sideBar.dropBackground#C8C0E040
- sideBar.foreground#4A4870
- sideBarSectionHeader.background#DDD8EA
- sideBarSectionHeader.border#C8C4DC
- sideBarSectionHeader.foreground#5A5880
- sideBarTitle.foreground#6A6898
- statusBar.background#C0BBCF
- statusBar.border#B0ABBF
- statusBar.debuggingBackground#3A3898
- statusBar.debuggingBorder#2A2878
- statusBar.debuggingForeground#F0EEFC
- statusBar.foreground#2A2848
- statusBar.noFolderBackground#D0CCDE
- statusBar.noFolderBorder#C0BBCF
- statusBar.noFolderForeground#4A4870
- statusBarItem.activeBackground#B0ABB8
- statusBarItem.errorBackground#8A2020
- statusBarItem.errorForeground#F0EEFC
- statusBarItem.hoverBackground#B0ABB8
- statusBarItem.offlineBackground#9898B8
- statusBarItem.offlineForeground#2A2848
- statusBarItem.prominentBackground#B8B3C8
- statusBarItem.prominentForeground#2A2848
- statusBarItem.prominentHoverBackground#A8A3B8
- statusBarItem.remoteBackground#3A3898
- statusBarItem.remoteForeground#F0EEFC
- statusBarItem.warningBackground#8A7018
- statusBarItem.warningForeground#F0EEE8
- tab.activeBackground#E8E4F0
- tab.activeBorder#00000000
- tab.activeBorderTop#3A3898
- tab.activeForeground#12102C
- tab.activeModifiedBorder#3A3898
- tab.border#C8C4DC
- tab.hoverBackground#E4E0F0
- tab.hoverBorder#00000000
- tab.hoverForeground#1E1C38
- tab.inactiveBackground#DDD8EA
- tab.inactiveForeground#6A6898
- tab.inactiveModifiedBorder#3A389880
- tab.lastPinnedBorder#C8C4DC
- tab.unfocusedActiveBackground#E8E4F0
- tab.unfocusedActiveBorderTop#7878C0
- tab.unfocusedActiveForeground#4A4870
- tab.unfocusedHoverBackground#E4E0F0
- tab.unfocusedInactiveBackground#DDD8EA
- tab.unfocusedInactiveForeground#8888B0
- terminal.ansiBlack#1A1830
- terminal.ansiBlue#3A3898
- terminal.ansiBrightBlack#3A3858
- terminal.ansiBrightBlue#5A58C0
- terminal.ansiBrightCyan#3A9898
- terminal.ansiBrightGreen#3A7A40
- terminal.ansiBrightMagenta#9A50B0
- terminal.ansiBrightRed#C03030
- terminal.ansiBrightWhite#D8D4F0
- terminal.ansiBrightYellow#C0A040
- terminal.ansiCyan#2A7878
- terminal.ansiGreen#2A5A30
- terminal.ansiMagenta#6A3A88
- terminal.ansiRed#8A2020
- terminal.ansiWhite#8888A8
- terminal.ansiYellow#9A8030
- terminal.background#1A1830
- terminal.border#C8C4DC
- terminal.foreground#D8D4F0
- terminal.inactiveSelectionBackground#38349020
- terminal.selectionBackground#38349040
- terminal.tab.activeBorder#3A3898
- terminalCursor.background#1A1830
- terminalCursor.foreground#9A8030
- textBlockQuote.background#E8E4F0
- textBlockQuote.border#C8C4DC
- textCodeBlock.background#DDD8EA
- textLink.activeForeground#5050B0
- textLink.foreground#3A3898
- textPreformat.background#DDD8EA
- textPreformat.foreground#4A4870
- textSeparator.foreground#C8C4DC
- titleBar.activeBackground#D0CCDE
- titleBar.activeForeground#2A2848
- titleBar.border#C0BCCC
- titleBar.inactiveBackground#DDD8EA
- titleBar.inactiveForeground#6A6898
- tree.indentGuidesStroke#C8C4DC
- tree.tableColumnsBorder#D4D0E4
- walkThrough.embeddedEditorBackground#DDD8EA
- walkthrough.stepTitle.foreground#3A3898
- welcomePage.background#DDD8EA
- welcomePage.tileBackground#E8E4F0
- welcomePage.tileBorder#C8C4DC
- welcomePage.tileHoverBackground#DAD6EC
- widget.border#C8C4DC
- widget.shadow#0000001A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #8878A8 | italic |
| string, string.quoted, string.template | #7A5820 | — |
| constant.character.escape, string.regexp, string.regexp keyword.other | #6A4818 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #5A3A10 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan | #8A7028 | — |
| constant.language, constant.other, constant.character | #8A7028 | — |
| 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 | #3A3898 | — |
| 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 | #4A4880 | — |
| keyword, keyword.other, keyword.declaration | #3A3898 | — |
| storage.type, storage.modifier | #3A3898 | — |
| 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 | #6A3A88 | — |
| entity.name.function, meta.definition.method entity.name.function, meta.function entity.name.function | #2A7878 | — |
| meta.function-call entity.name.function, meta.function-call.generic entity.name.function, support.function | #2A7878 | — |
| variable, variable.other, variable.other.readwrite, variable.other.member, variable.other.property | #1E1C38 | — |
| variable.other.constant, variable.other.enummember | #8A7028 | — |
| variable.parameter, meta.parameter | #2E2C50 | — |
| support.type.property-name, meta.object-literal.key, meta.property-name, entity.name.tag.yaml, support.type.property-name.json | #2E2C50 | — |
| entity.name.type.interface | #6A3A88 | italic |
| meta.type.parameters, entity.name.type.parameter | #6A3A88 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #3A3898 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx | #8A7028 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #2A7878 | — |
| support.type.property-name.css, meta.property-name.css | #2E2C50 | — |
| constant.numeric.css, keyword.other.unit.css, support.constant.property-value.css | #8A7028 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #3A3898 | — |
| meta.decorator, meta.decorator punctuation.decorator, entity.name.function.decorator, punctuation.definition.decorator | #9A8030 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace, punctuation.definition.binding-pattern | #606090 | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #6A68A0 | — |
| support.constant, support.variable | #6A3A88 | — |
| support.type.primitive, support.type.builtin | #3A3898 | — |
| invalid, invalid.illegal | #C03030 | underline |
| invalid.deprecated | #906030 | underline |
| markup.heading, markup.heading entity.name, punctuation.definition.heading.markdown | #3A3898 | bold |
| markup.bold, markup.bold string | — | bold |
| markup.italic, markup.italic string | — | italic |
| markup.inline.raw, markup.raw | #6A3A88 | — |
| markup.quote, punctuation.definition.blockquote | #6A6898 | italic |
| markup.underline.link, string.other.link | #2A7878 | — |
| punctuation.definition.list.begin.markdown, markup.list punctuation.definition.list.begin | #3A3898 | — |
| markup.inserted | #2A5A30 | — |
| markup.deleted | #8A2020 | — |
| markup.changed | #7A6018 | — |