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.activeBorder#007acc
• activityBar.background#0f0d12
• activityBar.foreground#f5f5f0
• activityBar.inactiveForeground#999999
• activityBarBadge.background#007acc
• activityBarBadge.foreground#ffffff
• breadcrumb.activeSelectionForeground#4ec9b0
• breadcrumb.focusForeground#e7e7e7
• breadcrumb.foreground#cccccc
• breadcrumbPicker.background#252526
• button.background#0e639c
• button.foreground#ffffff
• button.hoverBackground#1177bb
• button.secondaryBackground#3a3d41
• button.secondaryForeground#ffffff
• button.secondaryHoverBackground#45494e
• debugToolBar.background#333333
• debugToolBar.border#474747
• dropdown.background#1e1b21
• dropdown.border#3c3c3c
• dropdown.foreground#f3f3f3
• dropdown.listBackground#1e1b21
• editor.background#131117
• editor.findMatchBackground#515c6a
• editor.findMatchHighlightBackground#ea5c0055
• editor.findRangeHighlightBackground#3a3d4166
• editor.foreground#f5f5f0
• editor.hoverHighlightBackground#264f7840
• editor.lineHighlightBackground#1e1b21
• editor.selectionBackground#264f78
• editor.wordHighlightBackground#575757b8
• editor.wordHighlightStrongBackground#004972b8
• editorCursor.foreground#f5f5f0
• editorError.foreground#f85149
• editorGroupHeader.tabsBackground#1e1b21
• editorGroupHeader.tabsBorder#252526
• editorGutter.addedBackground#487e02
• editorGutter.background#131117
• editorGutter.deletedBackground#f85149
• editorGutter.modifiedBackground#1b81a8
• editorHint.foreground#eeeeee3b
• editorHoverWidget.background#252526
• editorHoverWidget.border#454545
• editorInfo.foreground#75beff
• editorLineNumber.activeForeground#c6c6c6
• editorLineNumber.foreground#858585
• editorSuggestWidget.background#252526
• editorSuggestWidget.border#454545
• editorSuggestWidget.foreground#cccccc
• editorSuggestWidget.highlightForeground#0097fb
• editorSuggestWidget.selectedBackground#094771
• editorWarning.foreground#ffab70
• editorWidget.background#252526
• editorWidget.border#454545
• editorWidget.foreground#cccccc
• editorWidget.resizeBorder#5a5d5e
• gitDecoration.addedResourceForeground#81b88b
• gitDecoration.conflictingResourceForeground#e4676b
• gitDecoration.deletedResourceForeground#c74e39
• gitDecoration.ignoredResourceForeground#8c8c8c
• gitDecoration.modifiedResourceForeground#e2c08d
• gitDecoration.submoduleResourceForeground#8db9e2
• gitDecoration.untrackedResourceForeground#73c991
• input.background#1e1b21
• input.border#3c3c3c
• input.foreground#cccccc
• input.placeholderForeground#a6a6a6
• inputOption.activeBackground#007acc4d
• inputOption.activeBorder#007acc
• inputValidation.errorBackground#5a1d1d
• inputValidation.errorBorder#be1100
• inputValidation.infoBackground#063b49
• inputValidation.infoBorder#007acc
• inputValidation.warningBackground#352a05
• inputValidation.warningBorder#b89500
• list.activeSelectionBackground#094771
• list.activeSelectionForeground#ffffff
• list.errorForeground#f48771
• list.highlightForeground#0097fb
• list.hoverBackground#2a2d2e
• list.hoverForeground#f5f5f0
• list.inactiveSelectionBackground#37373d
• list.inactiveSelectionForeground#cccccc
• list.warningForeground#ffcc02
• menu.background#252526
• menu.foreground#cccccc
• menu.selectionBackground#094771
• menu.selectionBorder#007acc
• menu.selectionForeground#ffffff
• menu.separatorBackground#454545
• menubar.selectionBackground#ffffff1a
• menubar.selectionForeground#cccccc
• notifications.background#1e1b21
• notifications.border#252526
• notifications.foreground#cccccc
• peekView.border#007acc
• peekViewEditor.background#001f33
• peekViewEditor.matchHighlightBackground#ff8f0099
• peekViewEditorGutter.background#001f33
• peekViewResult.background#252526
• peekViewResult.fileForeground#ffffff
• peekViewResult.lineForeground#bbbbbb
• peekViewResult.matchHighlightBackground#ea5c0055
• peekViewResult.selectionBackground#3399ff33
• peekViewTitle.background#1e1e1e
• peekViewTitleDescription.foreground#ccccccb3
• peekViewTitleLabel.foreground#ffffff
• progressBar.background#0e70c0
• scrollbar.shadow#000000
• scrollbarSlider.activeBackground#bfbfbf66
• scrollbarSlider.background#79797933
• scrollbarSlider.hoverBackground#646464b3
• selection.background#264f78
• sideBar.background#181520
• sideBar.border#1e1b21
• sideBar.foreground#f5f5f0
• sideBarSectionHeader.background#1e1b21
• sideBarSectionHeader.foreground#cccccc
• sideBarTitle.foreground#cccccc
• statusBar.background#007acc
• statusBar.border#131117
• statusBar.debuggingBackground#cc6633
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#ffffff
• statusBar.noFolderBackground#68217a
• statusBarItem.hoverBackground#264f78
• statusBarItem.prominentBackground#1e1b21
• statusBarItem.remoteBackground#16825d
• statusBarItem.remoteForeground#ffffff
• tab.activeBackground#131117
• tab.activeBorder#007acc
• tab.activeForeground#ffffff
• tab.border#252526
• tab.inactiveBackground#1e1b21
• tab.inactiveForeground#ffffff80
• terminal.ansiBlack#000000
• terminal.ansiBlue#2472c8
• terminal.ansiBrightBlack#666666
• terminal.ansiBrightBlue#3b8eea
• terminal.ansiBrightCyan#29b8db
• terminal.ansiBrightGreen#23d18b
• terminal.ansiBrightMagenta#d670d6
• terminal.ansiBrightRed#f14c4c
• terminal.ansiBrightWhite#e5e5e5
• terminal.ansiBrightYellow#f5f543
• terminal.ansiCyan#11a8cd
• terminal.ansiGreen#0dbc79
• terminal.ansiMagenta#bc3fbc
• terminal.ansiRed#cd3131
• terminal.ansiWhite#e5e5e5
• terminal.ansiYellow#e5e510
• terminal.background#131117
• terminal.foreground#f5f5f0
• titleBar.activeBackground#0f0d12
• titleBar.activeForeground#f5f5f0
• titleBar.border#1e1b21
• titleBar.inactiveBackground#131117
• titleBar.inactiveForeground#cccccc
• widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).