Midnight Orchid
Publisher: TennncyThemes in package: 1
A dark purple and magenta pink theme.
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#ff4fb8
- activityBar.background#140a24
- activityBar.foreground#ff6ec7
- activityBar.inactiveForeground#6b4d8a
- activityBarBadge.background#ff3d9a
- activityBarBadge.foreground#ffffff
- badge.background#ff3d9a
- badge.foreground#ffffff
- button.background#ff3d9a
- button.foreground#ffffff
- button.hoverBackground#ff6ec7
- dropdown.background#2a1547
- dropdown.border#5a2a7a
- editor.background#120820
- editor.findMatchBackground#ff4fb880
- editor.findMatchHighlightBackground#ff4fb840
- editor.foreground#ead6f5
- editor.lineHighlightBackground#2a1547
- editor.selectionBackground#5a2a7a80
- editor.selectionHighlightBackground#5a2a7a55
- editor.wordHighlightBackground#c77dff33
- editorBracketMatch.background#ff4fb833
- editorBracketMatch.border#ff4fb8
- editorCursor.foreground#ff4fb8
- editorGroupHeader.tabsBackground#16092a
- editorIndentGuide.activeBackground1#c77dff
- editorIndentGuide.background1#3a1f5c
- editorLineNumber.activeForeground#ff44b7
- editorLineNumber.foreground#5a3d7a
- editorWhitespace.foreground#3a1f5c
- focusBorder#ff4fb8
- foreground#ead6f5
- input.background#2a1547
- input.border#5a2a7a
- input.foreground#ead6f5
- inputOption.activeBorder#ff4fb8
- list.activeSelectionBackground#2a1547
- list.activeSelectionForeground#ff6ec7
- list.focusBackground#2a1547
- list.highlightForeground#ff6ec7
- list.hoverBackground#201038
- list.inactiveSelectionBackground#201038
- panel.background#16092a
- panel.border#3a1f5c
- panelTitle.activeForeground#ff6ec7
- panelTitle.inactiveForeground#8a6ca8
- scrollbarSlider.activeBackground#ff4fb8aa
- scrollbarSlider.background#5a2a7a55
- scrollbarSlider.hoverBackground#5a2a7a99
- selection.background#ff4fb855
- sideBar.background#16092a
- sideBar.foreground#c9a8e0
- sideBarSectionHeader.background#201038
- sideBarSectionHeader.foreground#e8bde8
- sideBarTitle.foreground#ff6ec7
- statusBar.background#2a0f4d
- statusBar.debuggingBackground#ff3d9a
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffb8e0
- statusBar.noFolderBackground#2a0f4d
- tab.activeBackground#1a0d2e
- tab.activeBorderTop#ff4fb8
- tab.activeForeground#ffb8e0
- tab.border#140a24
- tab.inactiveBackground#16092a
- tab.inactiveForeground#8a6ca8
- terminal.ansiBlack#1a0d2e
- terminal.ansiBlue#5558f7
- terminal.ansiBrightBlack#6b4d8a
- terminal.ansiBrightBlue#c77dff
- terminal.ansiBrightCyan#e0b3ff
- terminal.ansiBrightGreen#d4ffc2
- terminal.ansiBrightMagenta#ff8cc8
- terminal.ansiBrightRed#ff6ec7
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffd6ee
- terminal.ansiCyan#c77dff
- terminal.ansiGreen#78ffcb
- terminal.ansiMagenta#ff4fb8
- terminal.ansiRed#ff3d9a
- terminal.ansiWhite#ead6f5
- terminal.ansiYellow#9f6cff
- terminal.background#140a24
- terminal.foreground#ead6f5
- terminalCursor.foreground#ff4fb8
- titleBar.activeBackground#140a24
- titleBar.activeForeground#ffb8e0
- titleBar.inactiveBackground#100818
- titleBar.inactiveForeground#8a6ca8
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6b4d8a | italic |
| string, string.quoted | #ff8cc8 | — |
| constant.numeric, constant.language | #ffc2e2 | — |
| keyword, keyword.control, storage.type, storage.modifier | #c77dff | italic |
| entity.name.function, support.function, meta.function-call | #ff6ec7 | — |
| variable, variable.other, variable.parameter | #ead6f5 | — |
| variable.language, variable.language.this | #ff4fb8 | italic |
| entity.name.class, entity.name.type, support.class, support.type | #e0b3ff | — |
| entity.name.tag, punctuation.definition.tag | #ff4fb8 | — |
| entity.other.attribute-name | #9f6cff | italic |
| constant, support.constant | #d9a8ff | — |
| punctuation, meta.brace | #c9a8e0 | — |
| keyword.operator | #ff4fb8 | — |
| string.regexp | #ffc2e2 | — |
| markup.heading | #ff6ec7 | bold |
| markup.bold | #ff4fb8 | bold |
| markup.italic | #c77dff | italic |
| invalid, invalid.illegal | #ff3d9a | — |