Soft Midnight
Publisher: Jean CastleThemes in package: 1
A calming and elegant dark theme for Visual Studio Code.
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#1A1B26
- activityBar.foreground#E6D9A2
- button.background#232530
- button.foreground#E6D9A2
- button.hoverBackground#344955
- dropdown.background#1A1B26
- dropdown.border#232530
- dropdown.foreground#E6D9A2
- editor.background#1A1B26
- editor.foreground#E6D9A2
- editor.lineHighlightBackground#232530
- editorCursor.foreground#E6D9A2
- editorHoverWidget.background#1A1B26
- editorHoverWidget.border#232530
- editorHoverWidget.foreground#E6D9A2
- editorSuggestWidget.background#1A1B26
- editorSuggestWidget.foreground#E6D9A2
- editorSuggestWidget.highlightForeground#4EC9B0
- editorSuggestWidget.selectedBackground#232530
- editorWidget.background#1A1B26
- editorWidget.border#232530
- editorWidget.foreground#E6D9A2
- input.background#1A1B26
- input.border#232530
- input.foreground#E6D9A2
- input.placeholderForeground#78A083
- list.activeSelectionBackground#232530
- list.activeSelectionForeground#E6D9A2
- list.focusOutline#00000000
- list.hoverBackground#232530
- list.inactiveSelectionBackground#1A1B26
- quickInput.background#1A1B26
- quickInput.foreground#E6D9A2
- quickInputList.focusBackground#232530
- quickInputList.focusForeground#E6D9A2
- quickInputList.focusIconForeground#4EC9B0
- scrollbar.shadow#1A1B26
- scrollbarSlider.activeBackground#50727B
- scrollbarSlider.background#232530
- scrollbarSlider.hoverBackground#344955
- sideBar.background#1A1B26
- sideBar.border#1A1B26
- sideBar.foreground#E6D9A2
- sideBarSectionHeader.background#1A1B26
- sideBarTitle.border#1A1B26
- statusBar.background#1A1B26
- statusBar.foreground#E6D9A2
- tab.activeBackground#1A1B26
- tab.activeForeground#E6D9A2
- tab.border#1A1B26
- tab.inactiveBackground#232530
- tab.inactiveForeground#78A083
- terminal.ansiBlack#1A1B26
- terminal.ansiBlue#4EC9B0
- terminal.ansiBrightBlack#232530
- terminal.ansiBrightBlue#4EC9B0
- terminal.ansiBrightCyan#9ECE6A
- terminal.ansiBrightGreen#9ECE6A
- terminal.ansiBrightMagenta#8967B3
- terminal.ansiBrightRed#CB80AB
- terminal.ansiBrightWhite#E6D9A2
- terminal.ansiBrightYellow#FFD700
- terminal.ansiCyan#9ECE6A
- terminal.ansiGreen#9ECE6A
- terminal.ansiMagenta#8967B3
- terminal.ansiRed#CB80AB
- terminal.ansiWhite#E6D9A2
- terminal.ansiYellow#FFD700
- terminal.background#1A1B26
- terminal.foreground#E6D9A2
- titleBar.activeBackground#1A1B26
- titleBar.activeForeground#E6D9A2
- titleBar.inactiveBackground#1A1B26
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage, keyword.control | #4EC9B0 | — |
| string | #9ECE6A | — |
| comment | #6C6F93 | italic |
| constant.numeric | #CB80AB | — |
| entity.name.function, support.function | #4EC9B0 | — |
| entity.name.type, support.type | #8967B3 | — |
| variable, variable.parameter | #E6D9A2 | — |
| keyword.operator | #4EC9B0 | — |
| keyword.other, support.constant | #CB80AB | — |
| constant | #8967B3 | — |
| invalid | #CB80AB | — |
| markup.warning | #FFD700 | — |
| entity.name.tag | #4EC9B0 | — |
| entity.other.attribute-name | #9ECE6A | — |
| punctuation.definition.tag | #50727B | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #E6D9A2 | — |
| support.type.property-name.css | #4EC9B0 | — |
| support.constant.property-value.css | #9ECE6A | — |
| punctuation.separator.key-value.css, punctuation.terminator.rule.css | #50727B | — |
| markup.heading, markup.heading.1.markdown, markup.heading.2.markdown, markup.heading.3.markdown, markup.heading.4.markdown, markup.heading.5.markdown, markup.heading.6.markdown | #4EC9B0 | bold |
| markup.bold | #E6D9A2 | bold |
| markup.italic | #E6D9A2 | italic |
| markup.underline.link | #9ECE6A | underline |
| markup.list, markup.list.unnumbered.markdown, markup.list.numbered.markdown | #CB80AB | — |
| markup.quote | #78A083 | italic |
| markup.inline.raw | #FFD700 | |
| markup.fenced_code.block.markdown | #E6D9A2 | — |
| meta.separator.markdown | #50727B | bold |