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.background#15080f
- activityBar.foreground#ffffff
- activityBarBadge.background#b01040
- activityBarBadge.foreground#ffffff
- badge.background#b01040
- badge.foreground#f0d8e0
- button.background#b01040
- button.foreground#f0d8e0
- button.hoverBackground#d01050
- dropdown.background#15080f
- dropdown.border#401020
- dropdown.foreground#f0d8e0
- editor.background#1a1017
- editor.findMatchBackground#b0104090
- editor.findMatchHighlightBackground#40102090
- editor.findRangeHighlightBackground#30101840
- editor.foldBackground#b0104030
- editor.foreground#f5f0f5
- editor.lineHighlightBackground#251520
- editor.lineHighlightBorder#ff507730
- editor.selectionBackground#6c3850
- editor.wordHighlightBackground#40102060
- editor.wordHighlightBorder#ff507780
- editor.wordHighlightStrongBackground#b0104060
- editor.wordHighlightStrongBorder#d060a080
- editorBracketMatch.background#40102080
- editorBracketMatch.border#ff5077
- editorCursor.foreground#ff5077
- editorError.foreground#ff6b3d
- editorGroupHeader.tabsBackground#15080f
- editorGutter.addedBackground#c0407080
- editorGutter.deletedBackground#ff507780
- editorGutter.modifiedBackground#ff907080
- editorHint.foreground#cf4070
- editorIndentGuide.activeBackground#60204070
- editorIndentGuide.background#35152040
- editorInfo.foreground#a070b0
- editorOverviewRuler.bracketMatchForeground#cf4070
- editorOverviewRuler.deletedForeground#ff5077
- editorOverviewRuler.errorForeground#ff5077
- editorOverviewRuler.findMatchForeground#b01040
- editorOverviewRuler.modifiedForeground#ff9070
- editorOverviewRuler.warningForeground#ff9070
- editorWarning.foreground#ffa500
- editorWidget.background#15080f
- editorWidget.border#401020
- editorWidget.foreground#f0d8e0
- extensionButton.prominentBackground#b01040
- extensionButton.prominentForeground#f0d8e0
- extensionButton.prominentHoverBackground#d01050
- focusBorder#b01040
- gitDecoration.addedResourceForeground#c04070
- gitDecoration.conflictingResourceForeground#d060a0
- gitDecoration.deletedResourceForeground#ff5077
- gitDecoration.ignoredResourceForeground#907080
- gitDecoration.modifiedResourceForeground#ff9070
- gitDecoration.stageDeletedResourceForeground#ff5077
- gitDecoration.stageModifiedResourceForeground#ff9070
- gitDecoration.untrackedResourceForeground#cf4070
- input.background#301018
- input.foreground#f0d8e0
- input.placeholderForeground#a08090
- inputOption.activeBorder#b01040
- list.activeSelectionBackground#401020
- list.activeSelectionForeground#ffffff
- list.errorForeground#ff6b3d
- list.highlightForeground#ff5077
- list.hoverBackground#401020
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#301018
- list.inactiveSelectionForeground#ffffff
- list.warningForeground#ffa500
- menu.background#15080f
- menu.foreground#f0d8e0
- menu.selectionBackground#401020
- menu.selectionForeground#f0d8e0
- menu.separatorBackground#301018
- menubar.selectionBackground#401020
- menubar.selectionForeground#f0d8e0
- notebook.cellEditorBackground#251520
- notebook.cellHoverBackground#40102040
- notebook.focusedCellBorder#ff5077
- notificationCenter.border#401020
- notificationCenterHeader.background#15080f
- notificationCenterHeader.foreground#f0d8e0
- notifications.background#1a1017
- notifications.border#401020
- notifications.foreground#f0d8e0
- notificationToast.border#401020
- peekView.border#b01040
- peekViewEditor.background#1a1017
- peekViewEditor.matchHighlightBackground#b0104080
- peekViewResult.background#15080f
- peekViewResult.matchHighlightBackground#b0104080
- peekViewResult.selectionBackground#40102080
- peekViewTitle.background#15080f
- scrollbarSlider.activeBackground#b0104080
- scrollbarSlider.background#40102060
- scrollbarSlider.hoverBackground#60204080
- sideBar.background#1a1017
- sideBar.foreground#ffffff
- sideBarSectionHeader.background#251520
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#ff5077
- statusBar.background#15080f
- statusBar.debuggingBackground#b01040
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#15080f
- statusBarItem.remoteBackground#b01040
- statusBarItem.remoteForeground#ffffff
- symbolIcon.classForeground#cf4070
- symbolIcon.functionForeground#a070b0
- symbolIcon.keywordForeground#ff5077
- symbolIcon.variableForeground#f0d8e0
- tab.activeBackground#401020
- tab.activeBorderTop#ff5077
- tab.activeForeground#f0d8e0
- tab.inactiveBackground#1a1017
- tab.inactiveForeground#a08090
- tab.unfocusedActiveBorderTop#b01040
- terminal.ansiBlack#15080f
- terminal.ansiBlue#a070b0
- terminal.ansiBrightBlack#907080
- terminal.ansiBrightBlue#c090d0
- terminal.ansiBrightCyan#ff6090
- terminal.ansiBrightGreen#c04070
- terminal.ansiBrightMagenta#f080c0
- terminal.ansiBrightRed#ff7090
- terminal.ansiBrightWhite#fff0f5
- terminal.ansiBrightYellow#ffb090
- terminal.ansiCyan#cf4070
- terminal.ansiGreen#a03060
- terminal.ansiMagenta#d060a0
- terminal.ansiRed#ff5077
- terminal.ansiWhite#f0d8e0
- terminal.ansiYellow#ff9070
- terminal.background#1a1017
- terminal.foreground#f0d8e0
- terminalCursor.background#1a1017
- terminalCursor.foreground#ff5077
- titleBar.activeBackground#15080f
- titleBar.activeForeground#f0d8e0
- titleBar.inactiveBackground#15080f
- titleBar.inactiveForeground#a08090
- window.activeBorder#ff5077
- window.inactiveBorder#60204080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json | #db929e | bold |
| comment, punctuation.definition.comment | #907080 | — |
| string, constant.other.symbol | #ff9070 | — |
| constant.numeric, constant.language, constant.character, constant.escape | #d060a0 | — |
| variable, string constant.other.placeholder | #f0d8e0 | — |
| comment.block.documentation | #a08090 | italic |
| string.regexp | #a070b0 | — |
| tag.decorator.js, meta.tag.decorator, meta.decorator | #d060a0 | italic |
| keyword, keyword.control, keyword.operator, storage.modifier | #ff5077 | bold |
| entity.name.function, entity.name.class, entity.name.type, entity.name.namespace, entity.name.tag | #cf4070 | bold |
| storage.type | #a03060 | bold |
| support.class, support.type, support.function, support.constant | #a070b0 | — |
| keyword.operator | #ff7090 | — |
| punctuation, meta.brace, meta.delimiter | #cf4070 | — |
| markup.heading | #ff5077 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline.link | #a070b0 | — |
| markup.list | #ff9070 | — |
| markup.quote | #d060a0 | italic |
| keyword.other.DML.sql, support.function.aggregate.sql | #ff5077 | bold |
| variable.other.property, variable.language.special | #ff7090 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #cf4070 | bold italic |
| storage.modifier.inheritance, storage.modifier.extends | #ff5077 | bold underline |