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#ff70a0
- activityBar.background#080510
- activityBar.foreground#e0d8f0
- activityBar.inactiveForeground#6a5a7a
- activityBarBadge.background#ff70a0
- activityBarBadge.foreground#080510
- badge.background#ff70a0
- badge.foreground#080510
- button.background#ff70a0
- button.foreground#080510
- button.hoverBackground#ff90b0
- diffEditor.insertedTextBackground#70a0ff20
- diffEditor.removedTextBackground#ff507020
- dropdown.background#0f0a1a
- dropdown.border#1a1525
- dropdown.foreground#e0d8f0
- editor.background#0f0a1a
- editor.findMatchBackground#352a4f80
- editor.findMatchHighlightBackground#352a4f60
- editor.findRangeHighlightBackground#352a4f40
- editor.foreground#e0d8f0
- editor.hoverHighlightBackground#352a4f60
- editor.lineHighlightBackground#1a1525
- editor.selectionBackground#352a4f
- editor.wordHighlightBackground#352a4f40
- editor.wordHighlightStrongBackground#352a4f60
- editorBracketMatch.background#352a4f60
- editorBracketMatch.border#ff70a0
- editorCursor.foreground#ff70a0
- editorError.foreground#ff5070
- editorGroupHeader.tabsBackground#080510
- editorHint.foreground#70a0ff
- editorIndentGuide.activeBackground#352a4f
- editorIndentGuide.background#1a152560
- editorInfo.foreground#7080ff
- editorLink.activeForeground#ff90b0
- editorOverviewRuler.bracketMatchForeground#70d0ff
- editorOverviewRuler.deletedForeground#ff5070
- editorOverviewRuler.errorForeground#ff5070
- editorOverviewRuler.findMatchForeground#ff70a0
- editorOverviewRuler.modifiedForeground#d0a0ff
- editorOverviewRuler.warningForeground#ffb080
- editorWarning.foreground#ffb080
- focusBorder#ff70a0
- input.background#1a1525
- input.border#352a4f
- input.foreground#e0d8f0
- input.placeholderForeground#6a5a7a
- inputOption.activeBorder#ff70a0
- list.activeSelectionBackground#352a4f
- list.activeSelectionForeground#ff90b0
- list.errorForeground#ff5070
- list.highlightForeground#ff70a0
- list.hoverBackground#1a1525
- list.hoverForeground#ff90b0
- list.inactiveSelectionBackground#1a1525
- list.inactiveSelectionForeground#e0d8f0
- list.warningForeground#ffb080
- menu.background#0f0a1a
- menu.foreground#e0d8f0
- menu.selectionBackground#352a4f
- menu.selectionForeground#ff90b0
- menu.separatorBackground#1a1525
- menubar.selectionBackground#1a1525
- menubar.selectionForeground#e0d8f0
- merge.currentContentBackground#ff70a020
- merge.currentHeaderBackground#ff70a040
- merge.incomingContentBackground#7080ff20
- merge.incomingHeaderBackground#7080ff40
- panel.background#0f0a1a
- panel.border#1a1525
- panelTitle.activeBorder#ff70a0
- panelTitle.activeForeground#ff90b0
- panelTitle.inactiveForeground#6a5a7a
- progressBar.background#ff70a0
- scrollbarSlider.activeBackground#ff70a080
- scrollbarSlider.background#352a4f40
- scrollbarSlider.hoverBackground#352a4f80
- sideBar.background#0f0a1a
- sideBar.border#1a1525
- sideBar.foreground#e0d8f0
- sideBarSectionHeader.background#1a1525
- sideBarSectionHeader.foreground#e0d8f0
- sideBarTitle.foreground#ff90b0
- statusBar.background#080510
- statusBar.border#1a1525
- statusBar.debuggingBackground#ff70a0
- statusBar.debuggingForeground#080510
- statusBar.foreground#e0d8f0
- statusBar.noFolderBackground#080510
- statusBarItem.remoteBackground#ff70a0
- statusBarItem.remoteForeground#080510
- tab.activeBackground#1a1525
- tab.activeBorderTop#ff70a0
- tab.activeForeground#ff90b0
- tab.inactiveBackground#0f0a1a
- tab.inactiveForeground#6a5a7a
- tab.unfocusedActiveBorderTop#a04060
- terminal.ansiBlack#0f0a1a
- terminal.ansiBlue#7080ff
- terminal.ansiBrightBlack#6a5a7a
- terminal.ansiBrightBlue#90a0ff
- terminal.ansiBrightCyan#90e0ff
- terminal.ansiBrightGreen#90b0ff
- terminal.ansiBrightMagenta#ff90b0
- terminal.ansiBrightRed#ff7090
- terminal.ansiBrightWhite#f0e8ff
- terminal.ansiBrightYellow#e0b0ff
- terminal.ansiCyan#70d0ff
- terminal.ansiGreen#70a0ff
- terminal.ansiMagenta#ff70a0
- terminal.ansiRed#ff5070
- terminal.ansiWhite#e0d8f0
- terminal.ansiYellow#d0a0ff
- terminal.background#0f0a1a
- terminal.foreground#e0d8f0
- terminalCursor.background#0f0a1a
- terminalCursor.foreground#ff70a0
- titleBar.activeBackground#080510
- titleBar.activeForeground#e0d8f0
- titleBar.inactiveBackground#080510
- titleBar.inactiveForeground#6a5a7a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6a5a7a | italic |
| string, constant.other.symbol | #d0a0ff | — |
| constant.numeric, constant.language, constant.character, constant.escape | #e0b0ff | — |
| variable, string constant.other.placeholder | #e0d8f0 | — |
| keyword, keyword.control, keyword.operator, storage.modifier | #ff90b0 | bold |
| entity.name.function, entity.name.class, entity.name.type, entity.name.namespace, entity.name.tag | #ff70a0 | bold |
| storage.type | #7080ff | bold |
| support.class, support.type, support.function, support.constant | #70a0ff | — |
| keyword.operator | #70d0ff | — |
| punctuation, meta.brace, meta.delimiter | #a090c0 | — |
| support.type.property-name.json | #ff90b0 | bold |
| markup.heading | #ff70a0 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline.link | #70a0ff | — |
| markup.list | #d0a0ff | — |
| markup.quote | #7080ff | italic |
| comment.block.documentation | #7a6a8a | italic |
| string.regexp | #70d0ff | — |
| tag.decorator.js, meta.tag.decorator, meta.decorator | #7080ff | italic |
| string.template, punctuation.definition.string.template | #d0a0ff | — |
| variable.language, variable.other.constant | #ff5070 | italic |