Midnight Coven: Gothic Theme Collection

Name: Midnight Coven: Gothic Theme Collection
Author: Diyllan

Publisher: DiyllanThemes in package: 21

A collection of dark, gothic-inspired themes for nocturnal coders

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Midnight Coven: Gothic Theme Collection — Gothic Blood Moon

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#ff4040
activityBar.background#0f0808
activityBar.foreground#e0d0d0
activityBar.inactiveForeground#805050
activityBarBadge.background#ff4040
activityBarBadge.foreground#ffffff
badge.background#ff4040
badge.foreground#ffffff
button.background#ff4040
button.foreground#ffffff
button.hoverBackground#ff6060
diffEditor.insertedTextBackground#c0606020
diffEditor.removedTextBackground#ff404020
dropdown.background#170c0c
dropdown.border#251515
dropdown.foreground#e0d0d0
editor.background#170c0c
editor.findMatchBackground#40202080
editor.findMatchHighlightBackground#40202060
editor.findRangeHighlightBackground#40202040
editor.foreground#e0d0d0
editor.hoverHighlightBackground#40202060
editor.lineHighlightBackground#251515
editor.selectionBackground#402020
editor.wordHighlightBackground#40202040
editor.wordHighlightStrongBackground#40202060
editorBracketMatch.background#40202060
editorBracketMatch.border#ff4040
editorCursor.foreground#ff4040
editorError.foreground#ff8533
editorGroupHeader.tabsBackground#0f0808
editorHint.foreground#c06060
editorIndentGuide.activeBackground#402020
editorIndentGuide.background#25151560
editorInfo.foreground#905080
editorLink.activeForeground#ff6060
editorOverviewRuler.bracketMatchForeground#ff6090
editorOverviewRuler.deletedForeground#ff6060
editorOverviewRuler.errorForeground#ff6060
editorOverviewRuler.findMatchForeground#ff4040
editorOverviewRuler.modifiedForeground#ff9060
editorOverviewRuler.warningForeground#ff9060
editorWarning.foreground#ffcc33
focusBorder#ff4040
input.background#251515
input.border#402020
input.foreground#e0d0d0
input.placeholderForeground#805050
inputOption.activeBorder#ff4040
list.activeSelectionBackground#402020
list.activeSelectionForeground#ffb0b0
list.errorForeground#ff6060
list.highlightForeground#ff6060
list.hoverBackground#251515
list.hoverForeground#ffb0b0
list.inactiveSelectionBackground#251515
list.inactiveSelectionForeground#e0d0d0
list.warningForeground#ff9060
menu.background#170c0c
menu.foreground#e0d0d0
menu.selectionBackground#402020
menu.selectionForeground#ffb0b0
menu.separatorBackground#251515
menubar.selectionBackground#251515
menubar.selectionForeground#e0d0d0
merge.currentContentBackground#ff404020
merge.currentHeaderBackground#ff404040
merge.incomingContentBackground#90508020
merge.incomingHeaderBackground#90508040
panel.background#170c0c
panel.border#251515
panelTitle.activeBorder#ff4040
panelTitle.activeForeground#ffb0b0
panelTitle.inactiveForeground#805050
progressBar.background#ff4040
scrollbarSlider.activeBackground#ff404080
scrollbarSlider.background#40202040
scrollbarSlider.hoverBackground#40202080
sideBar.background#170c0c
sideBar.border#251515
sideBar.foreground#e0d0d0
sideBarSectionHeader.background#251515
sideBarSectionHeader.foreground#e0d0d0
sideBarTitle.foreground#ff6060
statusBar.background#0f0808
statusBar.border#251515
statusBar.debuggingBackground#ff4040
statusBar.debuggingForeground#ffffff
statusBar.foreground#e0d0d0
statusBar.noFolderBackground#0f0808
statusBarItem.remoteBackground#ff4040
statusBarItem.remoteForeground#ffffff
tab.activeBackground#251515
tab.activeBorderTop#ff4040
tab.activeForeground#ffb0b0
tab.inactiveBackground#170c0c
tab.inactiveForeground#805050
tab.unfocusedActiveBorderTop#a02020
terminal.ansiBlack#170c0c
terminal.ansiBlue#905080
terminal.ansiBrightBlack#805050
terminal.ansiBrightBlue#b070a0
terminal.ansiBrightCyan#e070a0
terminal.ansiBrightGreen#e07070
terminal.ansiBrightMagenta#ff80b0
terminal.ansiBrightRed#ff6060
terminal.ansiBrightWhite#fff0f0
terminal.ansiBrightYellow#ffb080
terminal.ansiCyan#c05080
terminal.ansiGreen#c06060
terminal.ansiMagenta#ff6090
terminal.ansiRed#ff4040
terminal.ansiWhite#e0d0d0
terminal.ansiYellow#ff9060
terminal.background#170c0c
terminal.foreground#e0d0d0
terminalCursor.background#170c0c
terminalCursor.foreground#ff4040
titleBar.activeBackground#0f0808
titleBar.activeForeground#e0d0d0
titleBar.inactiveBackground#0f0808
titleBar.inactiveForeground#805050

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#805050	italic
string, constant.other.symbol	#ff9060	—
constant.numeric, constant.language, constant.character, constant.escape	#ffb080	—
variable, string constant.other.placeholder	#e0d0d0	—
keyword, keyword.control, keyword.operator, storage.modifier	#ff6060	bold
entity.name.function, entity.name.class, entity.name.type, entity.name.namespace, entity.name.tag	#ff4040	bold
storage.type	#ff6090	bold
support.class, support.type, support.function, support.constant	#905080	—
keyword.operator	#e07070	—
punctuation, meta.brace, meta.delimiter	#c06060	—
support.type.property-name.json	#ff6060	bold
markup.heading	#ff4040	bold
markup.bold	—	bold
markup.italic	—	italic
markup.underline.link	#905080	—
markup.list	#ff9060	—
markup.quote	#ff6090	italic
comment.block.documentation	#906060	italic
string.regexp	#c05080	—
tag.decorator.js, meta.tag.decorator, meta.decorator	#ff6090	italic
string.template, punctuation.definition.string.template	#ff9060	—
variable.language, variable.other.constant	#ff6060	italic
entity.name.tag.css, entity.other.attribute-name.id, entity.other.attribute-name.class	#ff4040	bold
keyword.operator.assignment, keyword.operator.arithmetic	#ff6060	bold
entity.name.section, markup.heading.setext	#e0a080	bold underline
punctuation.definition.tag, punctuation.definition.parameters	#c05080	—
keyword.control.flow, keyword.control.conditional, keyword.control.loop	#ff4040	bold italic