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 Absinthe

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#60a060
activityBar.background#0a120a
activityBar.foreground#c0d8c0
activityBar.inactiveForeground#6a7a6a
activityBarBadge.background#60a060
activityBarBadge.foreground#101812
button.background#60a060
button.foreground#101812
button.hoverBackground#70c070
dropdown.background#0a120a
dropdown.border#1a221a
dropdown.foreground#c0d8c0
editor.background#101812
editor.findMatchBackground#2a3a2a80
editor.findMatchHighlightBackground#2a3a2a50
editor.findRangeHighlightBackground#2a3a2a30
editor.foreground#e0e8e0
editor.hoverHighlightBackground#2a3a2a50
editor.lineHighlightBackground#1a221a
editor.selectionBackground#2a3a2a
editor.wordHighlightBackground#2a3a2a30
editor.wordHighlightStrongBackground#2a3a2a50
editorBracketMatch.background#2a3a2a50
editorBracketMatch.border#60a060
editorCursor.foreground#70c070
editorError.foreground#e05050
editorGroupHeader.tabsBackground#0a120a
editorHint.foreground#60a060
editorIndentGuide.activeBackground#2a3a2a
editorIndentGuide.background#1a221a50
editorInfo.foreground#5070a0
editorLink.activeForeground#70c070
editorOverviewRuler.bracketMatchForeground#5070a0
editorOverviewRuler.deletedForeground#e05050
editorOverviewRuler.errorForeground#e05050
editorOverviewRuler.findMatchForeground#60a060
editorOverviewRuler.modifiedForeground#d0a050
editorOverviewRuler.warningForeground#e0a050
editorWarning.foreground#e0a050
focusBorder#60a060
input.background#0a120a
input.border#1a221a
input.foreground#c0d8c0
input.placeholderForeground#6a7a6a
inputOption.activeBorder#60a060
list.activeSelectionBackground#2a3a2a
list.activeSelectionForeground#e0e8e0
list.errorForeground#e05050
list.highlightForeground#70c070
list.hoverBackground#1a221a
list.hoverForeground#e0e8e0
list.inactiveSelectionBackground#1a221a
list.inactiveSelectionForeground#c0d8c0
list.warningForeground#e0a050
menu.background#0a120a
menu.foreground#c0d8c0
menu.selectionBackground#2a3a2a
menu.selectionForeground#e0e8e0
menubar.selectionBackground#2a3a2a
menubar.selectionForeground#e0e8e0
sideBar.background#141a14
sideBar.border#1a221a
sideBar.foreground#c0d8c0
sideBarSectionHeader.background#1a221a
sideBarSectionHeader.foreground#c0d8c0
sideBarTitle.foreground#60a060
statusBar.background#0a120a
statusBar.border#1a221a
statusBar.debuggingBackground#60a060
statusBar.debuggingForeground#101812
statusBar.foreground#c0d8c0
statusBar.noFolderBackground#0a120a
statusBarItem.remoteBackground#60a060
statusBarItem.remoteForeground#101812
tab.activeBackground#1a221a
tab.activeBorderTop#60a060
tab.activeForeground#e0e8e0
tab.inactiveBackground#141a14
tab.inactiveForeground#a0b0a0
tab.unfocusedActiveBorderTop#4a7a4a
terminal.ansiBlack#101812
terminal.ansiBlue#5070a0
terminal.ansiBrightBlack#6a7a6a
terminal.ansiBrightBlue#7090c0
terminal.ansiBrightCyan#70c0c0
terminal.ansiBrightGreen#70c070
terminal.ansiBrightMagenta#c080c0
terminal.ansiBrightRed#e07070
terminal.ansiBrightWhite#e0e8e0
terminal.ansiBrightYellow#e0b070
terminal.ansiCyan#50a0a0
terminal.ansiGreen#60a060
terminal.ansiMagenta#a060a0
terminal.ansiRed#e05050
terminal.ansiWhite#c0d8c0
terminal.ansiYellow#d0a050
terminal.background#101812
terminal.foreground#c0d8c0
terminalCursor.background#101812
terminalCursor.foreground#70c070
titleBar.activeBackground#0a120a
titleBar.activeForeground#c0d8c0
titleBar.inactiveBackground#0a120a
titleBar.inactiveForeground#6a7a6a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6a7a6a	italic
string, constant.other.symbol	#d0a050	—
constant.numeric, constant.language, constant.character, constant.escape	#e0b070	—
variable, string constant.other.placeholder	#c0d8c0	—
keyword, keyword.control, keyword.operator, storage.modifier	#60a060	bold
entity.name.function, entity.name.class, entity.name.type, entity.name.namespace, entity.name.tag	#70c070	bold
storage.type	#a060a0	bold
support.class, support.type, support.function, support.constant	#5070a0	—
keyword.operator	#70c070	—
punctuation, meta.brace, meta.delimiter	#a0b0a0	—
support.type.property-name.json	#70c070	bold
markup.heading	#60a060	bold
markup.bold	—	bold
markup.italic	—	italic
markup.underline.link	#5070a0	—
markup.list	#d0a050	—
markup.quote	#a060a0	italic
comment.block.documentation	#7a8a7a	italic
string.regexp	#50a0a0	—
tag.decorator.js, meta.tag.decorator, meta.decorator	#a060a0	italic
string.template, punctuation.definition.string.template	#e0a050	—
variable.language, variable.other.constant	#e07070	italic