Midnight Coven: Gothic Theme Collection

Color themes

• 

  Gothic Moon Ritual

• 

  Gothic Qaddy

• 

  Gothic Raven

• 

  Gothic Shadow Grove

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#080f15
• activityBar.foreground#ffffff
• activityBarBadge.background#1040b0
• activityBarBadge.foreground#ffffff
• badge.background#1040b0
• badge.foreground#d8e0f0
• button.background#1040b0
• button.foreground#d8e0f0
• button.hoverBackground#1050d0
• diffEditor.insertedTextBackground#3060a020
• diffEditor.removedTextBackground#5077ff20
• dropdown.background#080f15
• dropdown.border#102040
• dropdown.foreground#d8e0f0
• editor.background#10151a
• editor.findMatchBackground#1040b090
• editor.findMatchHighlightBackground#10204090
• editor.findRangeHighlightBackground#10183040
• editor.foreground#f0f5f5
• editor.lineHighlightBackground#152025
• editor.selectionBackground#38506c
• editor.wordHighlightBackground#10204060
• editor.wordHighlightStrongBackground#1040b060
• editorBracketMatch.background#10204080
• editorBracketMatch.border#5077ff
• editorCursor.foreground#5077ff
• editorError.foreground#5077ff
• editorGroupHeader.tabsBackground#080f15
• editorHint.foreground#4070cf
• editorIndentGuide.activeBackground#204060
• editorIndentGuide.background#15203560
• editorInfo.foreground#70b0a0
• editorOverviewRuler.bracketMatchForeground#4070cf
• editorOverviewRuler.deletedForeground#5077ff
• editorOverviewRuler.errorForeground#5077ff
• editorOverviewRuler.findMatchForeground#1040b0
• editorOverviewRuler.modifiedForeground#7090ff
• editorOverviewRuler.warningForeground#7090ff
• editorWarning.foreground#7090ff
• editorWidget.background#080f15
• editorWidget.border#102040
• editorWidget.foreground#d8e0f0
• extensionButton.prominentBackground#1040b0
• extensionButton.prominentForeground#d8e0f0
• extensionButton.prominentHoverBackground#1050d0
• focusBorder#1040b0
• gitDecoration.addedResourceForeground#4070c0
• gitDecoration.conflictingResourceForeground#60a0d0
• gitDecoration.deletedResourceForeground#5077ff
• gitDecoration.ignoredResourceForeground#708090
• gitDecoration.modifiedResourceForeground#7090ff
• gitDecoration.stageDeletedResourceForeground#5077ff
• gitDecoration.stageModifiedResourceForeground#7090ff
• gitDecoration.untrackedResourceForeground#4070cf
• input.background#101830
• input.foreground#d8e0f0
• input.placeholderForeground#8090a0
• inputOption.activeBorder#1040b0
• list.activeSelectionBackground#102040
• list.activeSelectionForeground#ffffff
• list.errorForeground#5077ff
• list.highlightForeground#5077ff
• list.hoverBackground#102040
• list.hoverForeground#ffffff
• list.inactiveSelectionBackground#101830
• list.inactiveSelectionForeground#ffffff
• list.warningForeground#7090ff
• menu.background#080f15
• menu.foreground#d8e0f0
• menu.selectionBackground#102040
• menu.selectionForeground#d8e0f0
• menu.separatorBackground#101830
• menubar.selectionBackground#102040
• menubar.selectionForeground#d8e0f0
• merge.currentContentBackground#5077ff20
• merge.currentHeaderBackground#5077ff40
• merge.incomingContentBackground#70b0a020
• merge.incomingHeaderBackground#70b0a040
• minimap.errorHighlight#5077ff
• minimap.findMatchHighlight#1040b0
• minimap.selectionHighlight#38506c
• minimap.warningHighlight#7090ff
• notificationCenter.border#102040
• notificationCenterHeader.background#080f15
• notificationCenterHeader.foreground#d8e0f0
• notifications.background#10151a
• notifications.border#102040
• notifications.foreground#d8e0f0
• notificationToast.border#102040
• peekView.border#1040b0
• peekViewEditor.background#10151a
• peekViewEditor.matchHighlightBackground#1040b080
• peekViewResult.background#080f15
• peekViewResult.matchHighlightBackground#1040b080
• peekViewResult.selectionBackground#10204080
• peekViewTitle.background#080f15
• sideBar.background#10151a
• sideBar.foreground#ffffff
• sideBarSectionHeader.background#152025
• sideBarSectionHeader.foreground#ffffff
• sideBarTitle.foreground#5077ff
• statusBar.background#080f15
• statusBar.debuggingBackground#1040b0
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#ffffff
• statusBar.noFolderBackground#080f15
• statusBarItem.remoteBackground#1040b0
• statusBarItem.remoteForeground#ffffff
• tab.activeBackground#102040
• tab.activeBorderTop#5077ff
• tab.activeForeground#d8e0f0
• tab.inactiveBackground#10151a
• tab.inactiveForeground#8090a0
• tab.unfocusedActiveBorderTop#1040b0
• terminal.ansiBlack#080f15
• terminal.ansiBlue#70b0a0
• terminal.ansiBrightBlack#708090
• terminal.ansiBrightBlue#90d0c0
• terminal.ansiBrightCyan#6090ff
• terminal.ansiBrightGreen#4070c0
• terminal.ansiBrightMagenta#80c0f0
• terminal.ansiBrightRed#7090ff
• terminal.ansiBrightWhite#f0f5ff
• terminal.ansiBrightYellow#90b0ff
• terminal.ansiCyan#4070cf
• terminal.ansiGreen#3060a0
• terminal.ansiMagenta#60a0d0
• terminal.ansiRed#5077ff
• terminal.ansiWhite#d8e0f0
• terminal.ansiYellow#7090ff
• terminal.background#10151a
• terminal.foreground#d8e0f0
• terminalCursor.background#10151a
• terminalCursor.foreground#5077ff
• titleBar.activeBackground#080f15
• titleBar.activeForeground#d8e0f0
• titleBar.inactiveBackground#080f15
• titleBar.inactiveForeground#8090a0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).