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#bc4fef
- activityBar.background#15151f
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#6a5c7a
- activityBarBadge.background#bc4fef
- activityBarBadge.foreground#120e15
- badge.background#bc4fef
- badge.foreground#120e15
- breadcrumb.activeSelectionForeground#e0d9e6
- breadcrumb.focusForeground#e0d9e6
- breadcrumb.foreground#a8a0b2
- breadcrumbPicker.background#18121b
- button.background#9060a0
- button.foreground#f0e0d8
- button.hoverBackground#a070b0
- debugToolBar.background#18121b
- debugToolBar.border#1e1623
- diffEditor.insertedTextBackground#c080c020
- diffEditor.removedTextBackground#ef4f6920
- dropdown.background#18121b
- dropdown.border#1e1623
- dropdown.foreground#e0d9e6
- dropdown.listBackground#18121b
- editor.background#10101a
- editor.findMatchBackground#33213f80
- editor.findMatchHighlightBackground#33213f50
- editor.findRangeHighlightBackground#33213f30
- editor.focusedStackFrameHighlightBackground#33213f60
- editor.foreground#ffffff
- editor.hoverHighlightBackground#33213f50
- editor.lineHighlightBackground#20202a
- editor.selectionBackground#404060
- editor.stackFrameHighlightBackground#33213f30
- editor.wordHighlightBackground#33213f30
- editor.wordHighlightStrongBackground#33213f50
- editorCursor.foreground#f0e0d8
- editorGroup.border#1e1623
- editorGroup.dropBackground#33213f80
- editorGroupHeader.noTabsBackground#18121b
- editorGroupHeader.tabsBackground#120e15
- editorGroupHeader.tabsBorder#1e1623
- editorGutter.addedBackground#c080c0
- editorGutter.background#120e15
- editorGutter.deletedBackground#ef4f69
- editorGutter.modifiedBackground#ffa136
- editorIndentGuide.activeBackground#33213f
- editorIndentGuide.background#1e162380
- editorLineNumber.activeForeground#a8a0b2
- editorLineNumber.foreground#5a4c6b
- editorOverviewRuler.bracketMatchForeground#4fb5ef
- editorOverviewRuler.deletedForeground#ef4f69
- editorOverviewRuler.errorForeground#ef4f69
- editorOverviewRuler.findMatchForeground#bc4fef
- editorOverviewRuler.modifiedForeground#ffa136
- editorOverviewRuler.warningForeground#ffa136
- editorSuggestWidget.background#18121b
- editorSuggestWidget.border#1e1623
- editorSuggestWidget.foreground#e0d9e6
- editorSuggestWidget.highlightForeground#bc4fef
- editorSuggestWidget.selectedBackground#33213f
- editorWidget.background#18121b
- editorWidget.border#1e1623
- editorWidget.resizeBorder#bc4fef
- extensionButton.prominentBackground#9060a0
- extensionButton.prominentForeground#f0e0d8
- extensionButton.prominentHoverBackground#a070b0
- focusBorder#bc4fef
- input.background#18121b
- input.border#1e1623
- input.foreground#e0d9e6
- input.placeholderForeground#a8a0b2
- inputOption.activeBorder#bc4fef
- inputValidation.errorBackground#ef4f69
- inputValidation.errorBorder#ff5e5e
- inputValidation.infoBackground#4fb5ef
- inputValidation.infoBorder#4fb5ef
- inputValidation.warningBackground#ffa136
- inputValidation.warningBorder#ffa136
- list.activeSelectionBackground#33213f
- list.activeSelectionForeground#e0d9e6
- list.errorForeground#ff5e5e
- list.highlightForeground#bc4fef
- list.hoverBackground#1e1623
- list.hoverForeground#e0d9e6
- list.inactiveSelectionBackground#1e1623
- list.inactiveSelectionForeground#c7bfd0
- list.warningForeground#ffa136
- menu.background#18121b
- menu.foreground#e0d9e6
- menu.selectionBackground#33213f
- menu.selectionBorder#1e1623
- menu.selectionForeground#e0d9e6
- menu.separatorBackground#1e1623
- menubar.selectionBackground#1e1623
- menubar.selectionForeground#e0d9e6
- merge.currentContentBackground#bc4fef20
- merge.currentHeaderBackground#bc4fef40
- merge.incomingContentBackground#4fb5ef20
- merge.incomingHeaderBackground#4fb5ef40
- notification.background#261a2e
- notification.foreground#e0d9e6
- notificationCenter.border#33213f
- notificationCenterHeader.background#1e1623
- notificationCenterHeader.foreground#e0d9e6
- notificationLink.foreground#bc4fef
- notifications.background#18121b
- notifications.border#1e1623
- notifications.foreground#e0d9e6
- panel.background#18121b
- panel.border#1e1623
- panelTitle.activeBorder#bc4fef
- panelTitle.activeForeground#e0d9e6
- panelTitle.inactiveForeground#a8a0b2
- peekView.border#33213f
- peekViewEditor.background#18121b
- peekViewEditor.matchHighlightBackground#33213f80
- peekViewEditorGutter.background#18121b
- peekViewResult.background#120e15
- peekViewResult.fileForeground#e0d9e6
- peekViewResult.lineForeground#a8a0b2
- peekViewResult.matchHighlightBackground#33213f80
- peekViewResult.selectionBackground#1e1623
- peekViewTitle.background#18121b
- peekViewTitleDescription.foreground#a8a0b2
- peekViewTitleLabel.foreground#e0d9e6
- pickerGroup.border#1e1623
- pickerGroup.foreground#bc4fef
- progressBar.background#bc4fef
- scrollbar.shadow#0b090e
- scrollbarSlider.activeBackground#33213fa0
- scrollbarSlider.background#2a1e3180
- scrollbarSlider.hoverBackground#33213f80
- selection.background#33213f
- sideBar.background#18121b
- sideBar.border#1e1623
- sideBar.foreground#ffffff
- sideBarSectionHeader.background#1e1623
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#bc4fef
- statusBar.background#261a2e
- statusBar.border#33213f
- statusBar.debuggingBackground#ef4f69
- statusBar.debuggingForeground#120e15
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#1e1623
- statusBarItem.hoverBackground#33213f
- statusBarItem.prominentBackground#33213f
- statusBarItem.remoteBackground#bc4fef
- statusBarItem.remoteForeground#120e15
- tab.activeBackground#261a2e
- tab.activeBorder#bc4fef
- tab.activeBorderTop#bc4fef
- tab.activeForeground#e0d9e6
- tab.border#120e15
- tab.hoverBackground#33213f
- tab.hoverForeground#e0d9e6
- tab.inactiveBackground#18121b
- tab.inactiveForeground#a8a0b2
- terminal.ansiBlack#10101a
- terminal.ansiBlue#8090d0
- terminal.ansiBrightBlack#706880
- terminal.ansiBrightBlue#a0b0ff
- terminal.ansiBrightCyan#7affde
- terminal.ansiBrightGreen#e0a0e0
- terminal.ansiBrightMagenta#de7aff
- terminal.ansiBrightRed#ff90a0
- terminal.ansiBrightWhite#e0d9e6
- terminal.ansiBrightYellow#ffc0a0
- terminal.ansiCyan#80a0d0
- terminal.ansiGreen#c080c0
- terminal.ansiMagenta#c080a0
- terminal.ansiRed#d06080
- terminal.ansiWhite#f0e0d8
- terminal.ansiYellow#d0a080
- terminal.background#120e15
- terminal.foreground#e0d9e6
- terminal.selectionBackground#33213f
- terminalCursor.background#120e15
- terminalCursor.foreground#bc4fef
- titleBar.activeBackground#18121b
- titleBar.activeForeground#ffffff
- titleBar.border#1e1623
- titleBar.inactiveBackground#120e15
- titleBar.inactiveForeground#a8a0b2
- widget.shadow#0b090e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json | #b792a8 | bold |
| comment, punctuation.definition.comment | #6a5c7a | — |
| string, constant.other.symbol | #d0a080 | — |
| constant.numeric, constant.language, constant.character, constant.escape | #c090a0 | — |
| variable, variable.parameter, variable.other, string constant.other.placeholder | #e0d0c0 | — |
| keyword, keyword.control, keyword.operator, storage.modifier | #a080c0 | bold |
| entity.name.function, meta.function-call, support.function | #4fb5ef | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type | #ef4f69 | bold |
| storage.type | #c080c0 | bold |
| entity.name.tag, punctuation.definition.tag | #4fb5ef | — |
| entity.other.attribute-name | #ef4f69 | — |
| variable.other.property, support.variable.property | #a44fef | — |
| keyword.operator | #ffa136 | — |
| invalid, invalid.illegal | #ff5e5e | — |
| markup.changed, markup.deleted, markup.inserted | #4fb5ef | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator | #e0d9e6 | — |
| markup.heading, entity.name.section | #ffa136 | bold |
| markup.underline.link | #4fb5ef | — |
| markup.bold | #bc4fef | bold |
| comment.block.documentation | #8c5cad | italic |
| string.regexp | #1fd6ff | — |
| tag.decorator.js, meta.tag.decorator, meta.decorator | #bc4fef | italic |
| string.template, punctuation.definition.string.template | #ffa136 | — |