Dark Midnight Orchid

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#04060A
• activityBar.border#04060A
• activityBar.foreground#F72585
• activityBar.inactiveForeground#334155
• activityBarBadge.background#F72585
• activityBarBadge.foreground#FFFFFF
• commandCenter.activeBackground#0F172A
• commandCenter.activeForeground#FFFFFF
• commandCenter.background#0A0F1A
• commandCenter.border#1E293B
• commandCenter.foreground#E2E8F0
• descriptionForeground#64748B
• editor.background#04060A
• editor.foreground#F1F5F9
• editor.lineHighlightBackground#0B101D88
• editor.selectionBackground#7209B755
• editor.selectionHighlightBackground#F7258530
• editor.wordHighlightBackground#4CC9F030
• editorCursor.foreground#4CC9F0
• editorGroupHeader.tabsBackground#04060A
• editorIndentGuide.activeBackground1#7209B7
• editorIndentGuide.background1#0F172A
• editorLineNumber.activeForeground#4CC9F0
• editorLineNumber.foreground#1E293B
• editorWhitespace.foreground#0F172A
• errorForeground#FF4D6D
• focusBorder#F72585
• foreground#E2E8F0
• list.activeSelectionBackground#7209B766
• list.activeSelectionForeground#FFFFFF
• list.focusBackground#7209B740
• list.highlightForeground#4CC9F0
• list.hoverBackground#0F172A60
• list.inactiveSelectionBackground#0F172A
• list.inactiveSelectionForeground#CBD5E1
• panel.background#04060A
• panel.border#04060A
• panelTitle.activeBorder#F72585
• panelTitle.activeForeground#F8FAFC
• panelTitle.inactiveForeground#475569
• peekView.border#4CC9F0
• peekViewEditor.background#04060A
• peekViewResult.background#04060A
• peekViewResult.matchHighlightBackground#F7258540
• peekViewTitle.background#04060A
• selection.background#7209B766
• sideBar.background#04060A
• sideBar.border#04060A
• sideBar.foreground#94A3B8
• sideBarSectionHeader.background#04060A
• sideBarSectionHeader.foreground#F8FAFC
• sideBarTitle.foreground#F8FAFC
• statusBar.background#04060A
• statusBar.border#04060A
• statusBar.debuggingBackground#7209B7
• statusBar.foreground#E2E8F0
• statusBarItem.remoteBackground#F72585
• statusBarItem.remoteForeground#FFFFFF
• tab.activeBackground#04060A
• tab.activeBorderTop#F72585
• tab.activeForeground#FFFFFF
• tab.border#04060A
• tab.inactiveBackground#04060A
• tab.inactiveForeground#475569
• terminal.ansiBlue#7209B7
• terminal.ansiBrightCyan#70D6FF
• terminal.ansiBrightMagenta#FF5CB0
• terminal.ansiCursor#4CC9F0
• terminal.ansiCyan#4CC9F0
• terminal.ansiMagenta#F72585
• terminal.background#04060A
• terminal.foreground#F1F5F9
• titleBar.activeBackground#04060A
• titleBar.activeForeground#E2E8F0
• titleBar.border#04060A
• titleBar.inactiveBackground#04060A
• titleBar.inactiveForeground#475569
• widget.shadow#010204

tokenColors

TextMate scopes and font styles (syntax highlighting rules).