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#60d080
- activityBar.background#081610
- activityBar.foreground#d5e5e0
- activityBar.inactiveForeground#567568
- activityBarBadge.background#60d080
- activityBarBadge.foreground#081610
- badge.background#60d080
- badge.foreground#081610
- button.background#60d080
- button.foreground#081610
- button.hoverBackground#80e0a0
- diffEditor.insertedTextBackground#60d08020
- diffEditor.removedTextBackground#e0505020
- dropdown.background#0f1a15
- dropdown.border#162821
- dropdown.foreground#d5e5e0
- editor.background#0f1a15
- editor.findMatchBackground#20383080
- editor.findMatchHighlightBackground#20383060
- editor.findRangeHighlightBackground#20383040
- editor.foreground#d5e5e0
- editor.hoverHighlightBackground#20383060
- editor.lineHighlightBackground#162821
- editor.selectionBackground#203830
- editor.wordHighlightBackground#20383040
- editor.wordHighlightStrongBackground#20383060
- editorBracketMatch.background#20383060
- editorBracketMatch.border#60d080
- editorCursor.foreground#60d080
- editorError.foreground#e05050
- editorGroupHeader.tabsBackground#081610
- editorHint.foreground#60d080
- editorIndentGuide.activeBackground#203830
- editorIndentGuide.background#16282160
- editorInfo.foreground#60a0e0
- editorLink.activeForeground#80e0a0
- editorOverviewRuler.bracketMatchForeground#60c0c0
- editorOverviewRuler.deletedForeground#e05050
- editorOverviewRuler.errorForeground#e05050
- editorOverviewRuler.findMatchForeground#60d080
- editorOverviewRuler.modifiedForeground#e0c060
- editorOverviewRuler.warningForeground#e0a050
- editorWarning.foreground#e0a050
- focusBorder#60d080
- gitDecoration.addedResourceForeground#60d080
- gitDecoration.conflictingResourceForeground#c070c0
- gitDecoration.deletedResourceForeground#e05050
- gitDecoration.ignoredResourceForeground#567568
- gitDecoration.modifiedResourceForeground#e0c060
- gitDecoration.stageDeletedResourceForeground#e05050
- gitDecoration.stageModifiedResourceForeground#e0c060
- gitDecoration.untrackedResourceForeground#60c0c0
- input.background#162821
- input.border#203830
- input.foreground#d5e5e0
- input.placeholderForeground#567568
- inputOption.activeBorder#60d080
- list.activeSelectionBackground#203830
- list.activeSelectionForeground#80e0a0
- list.errorForeground#e05050
- list.highlightForeground#60d080
- list.hoverBackground#162821
- list.hoverForeground#80e0a0
- list.inactiveSelectionBackground#162821
- list.inactiveSelectionForeground#d5e5e0
- list.warningForeground#e0a050
- menu.background#0f1a15
- menu.foreground#d5e5e0
- menu.selectionBackground#203830
- menu.selectionForeground#80e0a0
- menu.separatorBackground#162821
- menubar.selectionBackground#162821
- menubar.selectionForeground#d5e5e0
- merge.currentContentBackground#60d08020
- merge.currentHeaderBackground#60d08040
- merge.incomingContentBackground#60a0e020
- merge.incomingHeaderBackground#60a0e040
- minimap.errorHighlight#e05050
- minimap.findMatchHighlight#203830
- minimap.selectionHighlight#203830
- minimap.warningHighlight#e0a050
- panel.background#0f1a15
- panel.border#162821
- panelTitle.activeBorder#60d080
- panelTitle.activeForeground#80e0a0
- panelTitle.inactiveForeground#567568
- peekView.border#60d080
- peekViewEditor.background#0f1a15
- peekViewEditor.matchHighlightBackground#20383080
- peekViewResult.background#081610
- peekViewResult.matchHighlightBackground#20383080
- peekViewResult.selectionBackground#203830
- peekViewTitle.background#0f1a15
- progressBar.background#60d080
- scrollbarSlider.activeBackground#60d08080
- scrollbarSlider.background#20383040
- scrollbarSlider.hoverBackground#20383080
- sideBar.background#0f1a15
- sideBar.border#162821
- sideBar.foreground#d5e5e0
- sideBarSectionHeader.background#162821
- sideBarSectionHeader.foreground#d5e5e0
- sideBarTitle.foreground#80e0a0
- statusBar.background#081610
- statusBar.border#162821
- statusBar.debuggingBackground#60d080
- statusBar.debuggingForeground#081610
- statusBar.foreground#d5e5e0
- statusBar.noFolderBackground#081610
- statusBarItem.remoteBackground#60d080
- statusBarItem.remoteForeground#081610
- tab.activeBackground#162821
- tab.activeBorderTop#60d080
- tab.activeForeground#80e0a0
- tab.inactiveBackground#0f1a15
- tab.inactiveForeground#567568
- tab.unfocusedActiveBorderTop#408860
- terminal.ansiBlack#0f1a15
- terminal.ansiBlue#60a0e0
- terminal.ansiBrightBlack#567568
- terminal.ansiBrightBlue#80b0f0
- terminal.ansiBrightCyan#80d0d0
- terminal.ansiBrightGreen#80e0a0
- terminal.ansiBrightMagenta#d090d0
- terminal.ansiBrightRed#f07070
- terminal.ansiBrightWhite#e8f8f0
- terminal.ansiBrightYellow#f0d080
- terminal.ansiCyan#60c0c0
- terminal.ansiGreen#60d080
- terminal.ansiMagenta#c070c0
- terminal.ansiRed#e05050
- terminal.ansiWhite#d5e5e0
- terminal.ansiYellow#e0c060
- terminal.background#0f1a15
- terminal.foreground#d5e5e0
- terminalCursor.background#0f1a15
- terminalCursor.foreground#60d080
- titleBar.activeBackground#081610
- titleBar.activeForeground#d5e5e0
- titleBar.inactiveBackground#081610
- titleBar.inactiveForeground#567568
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #567568 | italic |
| string, constant.other.symbol | #e0c060 | — |
| constant.numeric, constant.language, constant.character, constant.escape | #e0a050 | — |
| variable, string constant.other.placeholder | #d5e5e0 | — |
| keyword, keyword.control, keyword.operator, storage.modifier | #80e0a0 | bold |
| entity.name.function, entity.name.class, entity.name.type, entity.name.namespace, entity.name.tag | #60d080 | bold |
| storage.type | #c070c0 | bold |
| support.class, support.type, support.function, support.constant | #60a0e0 | — |
| keyword.operator | #60c0c0 | — |
| punctuation, meta.brace, meta.delimiter | #90b0a0 | — |
| support.type.property-name.json | #80e0a0 | bold |
| markup.heading | #60d080 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline.link | #60a0e0 | — |
| markup.list | #e0c060 | — |
| markup.quote | #c070c0 | italic |
| comment.block.documentation | #678577 | italic |
| string.regexp | #60c0c0 | — |
| tag.decorator.js, meta.tag.decorator, meta.decorator | #c070c0 | italic |
| string.template, punctuation.definition.string.template | #e0c060 | — |
| variable.language, variable.other.constant | #f07070 | italic |
| entity.name.section, entity.name.module | #80e0a0 | bold |
| meta.object-literal.key, variable.object.property | #a0e0c0 | italic |
| meta.import, meta.export | #60a080 | italic |
| meta.objectliteral, meta.object.member | #80c0a0 | — |
| keyword.operator.expression, keyword.operator.new | #e0c060 | bold |