Midnight Coven: Gothic Theme Collection
Publisher: DiyllanThemes in package: 21
A collection of dark, gothic-inspired themes for nocturnal coders
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.activeBorder#d5a84a
- activityBar.background#0f0e10
- activityBar.foreground#e8e1d5
- activityBar.inactiveForeground#777070
- activityBarBadge.background#d5a84a
- activityBarBadge.foreground#0f0e10
- badge.background#d5a84a
- badge.foreground#0f0e10
- button.background#d5a84a
- button.foreground#0f0e10
- button.hoverBackground#e5c875
- diffEditor.insertedTextBackground#a5ad6a20
- diffEditor.removedTextBackground#d5736a20
- dropdown.background#19171a
- dropdown.border#26232a
- dropdown.foreground#e8e1d5
- editor.background#19171a
- editor.findMatchBackground#3d362a80
- editor.findMatchHighlightBackground#3d362a60
- editor.findRangeHighlightBackground#3d362a40
- editor.foreground#e8e1d5
- editor.hoverHighlightBackground#3d362a60
- editor.lineHighlightBackground#26232a
- editor.selectionBackground#3d362a
- editor.wordHighlightBackground#3d362a40
- editor.wordHighlightStrongBackground#3d362a60
- editorBracketMatch.background#3d362a60
- editorBracketMatch.border#d5a84a
- editorCursor.foreground#d5a84a
- editorError.foreground#d5736a
- editorGroupHeader.tabsBackground#0f0e10
- editorHint.foreground#a5ad6a
- editorIndentGuide.activeBackground#3d362a
- editorIndentGuide.background#26232a60
- editorInfo.foreground#7a90ad
- editorLink.activeForeground#e5c875
- editorOverviewRuler.bracketMatchForeground#90ada5
- editorOverviewRuler.deletedForeground#d5736a
- editorOverviewRuler.errorForeground#d5736a
- editorOverviewRuler.findMatchForeground#d5a84a
- editorOverviewRuler.modifiedForeground#d5a84a
- editorOverviewRuler.warningForeground#e0b86c
- editorWarning.foreground#e0b86c
- focusBorder#d5a84a
- input.background#26232a
- input.border#3d362a
- input.foreground#e8e1d5
- input.placeholderForeground#777070
- inputOption.activeBorder#d5a84a
- list.activeSelectionBackground#3d362a
- list.activeSelectionForeground#e5c875
- list.errorForeground#d5736a
- list.highlightForeground#d5a84a
- list.hoverBackground#26232a
- list.hoverForeground#e5c875
- list.inactiveSelectionBackground#26232a
- list.inactiveSelectionForeground#e8e1d5
- list.warningForeground#e0b86c
- menu.background#19171a
- menu.foreground#e8e1d5
- menu.selectionBackground#3d362a
- menu.selectionForeground#e5c875
- menu.separatorBackground#26232a
- menubar.selectionBackground#26232a
- menubar.selectionForeground#e8e1d5
- merge.currentContentBackground#d5a84a20
- merge.currentHeaderBackground#d5a84a40
- merge.incomingContentBackground#7a90ad20
- merge.incomingHeaderBackground#7a90ad40
- panel.background#19171a
- panel.border#26232a
- panelTitle.activeBorder#d5a84a
- panelTitle.activeForeground#e5c875
- panelTitle.inactiveForeground#777070
- progressBar.background#d5a84a
- scrollbarSlider.activeBackground#d5a84a80
- scrollbarSlider.background#3d362a40
- scrollbarSlider.hoverBackground#3d362a80
- sideBar.background#19171a
- sideBar.border#26232a
- sideBar.foreground#e8e1d5
- sideBarSectionHeader.background#26232a
- sideBarSectionHeader.foreground#e8e1d5
- sideBarTitle.foreground#e5c875
- statusBar.background#0f0e10
- statusBar.border#26232a
- statusBar.debuggingBackground#d5a84a
- statusBar.debuggingForeground#0f0e10
- statusBar.foreground#e8e1d5
- statusBar.noFolderBackground#0f0e10
- statusBarItem.remoteBackground#d5a84a
- statusBarItem.remoteForeground#0f0e10
- tab.activeBackground#26232a
- tab.activeBorderTop#d5a84a
- tab.activeForeground#e5c875
- tab.inactiveBackground#19171a
- tab.inactiveForeground#777070
- tab.unfocusedActiveBorderTop#a58440
- terminal.ansiBlack#19171a
- terminal.ansiBlue#7a90ad
- terminal.ansiBrightBlack#777070
- terminal.ansiBrightBlue#90a8c7
- terminal.ansiBrightCyan#a8c7bd
- terminal.ansiBrightGreen#b5c080
- terminal.ansiBrightMagenta#c7a8c5
- terminal.ansiBrightRed#e08a82
- terminal.ansiBrightWhite#f8f0e5
- terminal.ansiBrightYellow#e5c875
- terminal.ansiCyan#90ada5
- terminal.ansiGreen#a5ad6a
- terminal.ansiMagenta#ad90aa
- terminal.ansiRed#d5736a
- terminal.ansiWhite#e8e1d5
- terminal.ansiYellow#d5a84a
- terminal.background#19171a
- terminal.foreground#e8e1d5
- terminalCursor.background#19171a
- terminalCursor.foreground#d5a84a
- titleBar.activeBackground#0f0e10
- titleBar.activeForeground#e8e1d5
- titleBar.inactiveBackground#0f0e10
- titleBar.inactiveForeground#777070
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #777070 | italic |
| string, constant.other.symbol | #e5c875 | — |
| constant.numeric, constant.language, constant.character, constant.escape | #e0b86c | — |
| variable, string constant.other.placeholder | #e8e1d5 | — |
| keyword, keyword.control, keyword.operator, storage.modifier | #d5a84a | bold |
| entity.name.function, entity.name.class, entity.name.type, entity.name.namespace, entity.name.tag | #b5c080 | bold |
| storage.type | #ad90aa | bold |
| support.class, support.type, support.function, support.constant | #7a90ad | — |
| keyword.operator | #90ada5 | — |
| punctuation, meta.brace, meta.delimiter | #9e9a90 | — |
| support.type.property-name.json | #d5a84a | bold |
| markup.heading | #d5a84a | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline.link | #7a90ad | — |
| markup.list | #e5c875 | — |
| markup.quote | #ad90aa | italic |
| comment.block.documentation | #878080 | italic |
| string.regexp | #90ada5 | — |
| tag.decorator.js, meta.tag.decorator, meta.decorator | #ad90aa | italic |
| string.template, punctuation.definition.string.template | #e5c875 | — |
| variable.language, variable.other.constant | #d5736a | italic |