Mystic MoonShadow Theme
Publisher: TechArtemThemes in package: 2
The Mystic MoonShadow Theme: An enchanting blend of deep purples and velvety blues, bringing a captivating and magical atmosphere to your coding experience in VS Code.
Color themes
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.activeBackground#fff
- activityBar.activeForeground#FFFFFF
- activityBar.background#1E1E30
- dropdown.background#28283D
- dropdown.border#31374F
- dropdown.foreground#696980
- dropdown.listBackground#fff
- editor.background#1E1E30
- editor.foreground#C7C7D8
- editor.lineHighlightBackground#28283D
- editor.selectionBackground#3E3E57
- editorCursor.foreground#E7BE67
- editorGroupHeader.tabsBackground#212136
- editorIndentGuide.background#28283D
- editorLineNumber.activeForeground#8484A2
- editorLineNumber.background#27273d
- editorLineNumber.foreground#3E3E57
- editorWhitespace.foreground#28283D
- editorWidget.background#212136
- editorWidget.border#31374F
- editorWidget.foreground#4A5272
- focusBorder#31374F
- icon.foreground#ccc
- input.background#28283D
- input.border#282E44
- input.foreground#fff
- input.placeholderForeground#4A5272
- inputOption.activeBackground#4A5272
- inputOption.activeBorder#31374F
- list.activeSelectionBackground#28283D
- list.activeSelectionForeground#ccc
- list.focusAndSelectionOutline#28283D
- list.focusBackground#28283D
- list.focusForeground#28283D
- list.focusOutline#28283D
- list.highlightForeground#28283D
- list.hoverBackground#28283D
- list.inactiveSelectionBackground#212136
- notification.background#1E1E30
- panel.background#1E1E30
- peekView.border#31374F
- peekViewEditor.background#212136
- peekViewEditor.matchHighlightBackground#D74E4E
- peekViewResult.background#282840
- peekViewTitle.background#282840
- scrollbarSlider.activeBackground#32324a
- scrollbarSlider.background#2b2b40
- scrollbarSlider.hoverBackground#32324a
- settings.dropdownBorder#212136
- sideBar.background#1c1c2c
- sideBar.border#28283D
- sideBar.dropBackground#28283D
- sideBar.foreground#6a6a80
- sideBarSectionHeader.background#1E1E30
- sideBarSectionHeader.foreground#55556b
- sideBarTitle.activeForeground#FFFFFF
- statusBar.background#1b1b2b
- statusBar.border#28283D
- statusBar.foreground#6a6a80
- tab.activeBackground#28283D
- tab.activeBorder#4A5272
- tab.activeForeground#C7C7D8
- tab.border#1E1E30
- tab.inactiveBackground#1E1E30
- tab.inactiveForeground#8484A2
- terminal.ansiBlack#1E1E30
- terminal.ansiBlue#6F9ED9
- terminal.ansiBrightBlack#696980
- terminal.ansiBrightBlue#81A2BE
- terminal.ansiBrightCyan#8ABEB7
- terminal.ansiBrightGreen#9EC49E
- terminal.ansiBrightMagenta#B294BB
- terminal.ansiBrightRed#E87474
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F0C674
- terminal.ansiCyan#56B6C2
- terminal.ansiGreen#69BB7B
- terminal.ansiMagenta#C586C0
- terminal.ansiRed#D74E4E
- terminal.ansiWhite#C7C7D8
- terminal.ansiYellow#E7BE67
- terminal.border#8484A2
- terminal.foreground#8484A2
- terminalCursor.foreground#8ABEB7
- titleBar.activeBackground#1E1E30
- titleBar.activeForeground#8484A2
- titleBar.inactiveBackground#1E1E30
- titleBar.inactiveForeground#8484A2
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage | #56B6C2 | italic |
| variable, string constant.other.placeholder | #E7BE67 | — |
| constant, support.constant | #6F9ED9 | — |
| string | #69BB7B | — |
| comment | #8484A2 | italic |
| entity.name.function | #D74E4E | — |
| entity.name.type, support.type, support.class | #C586C0 | — |
| keyword.operator | #C7C7D8 | — |
| entity.name.tag.tsx | #E7BE67 | — |
| entity.other.attribute-name.tsx | #D74E4E | italic |
| source.css, source.scss | #C7C7D8 | |
| keyword.control.css | #56B6C2 | bold |
| keyword.other.unit.css | #E7BE67 | — |
| support.type.property-name.css | #69BB7B | — |
| support.type.property-value.css, support.constant.color | #DC8CC3 | — |
| entity.name.tag.css | #81A2BE | bold |
| support.type.vendor.property-name.css | #5AC1C7 | — |
| entity.other.attribute-name.class.css | #D74E4E | — |
| entity.name.tag.css, entity.name.tag.scss | #81A2BE | italic |
| entity.name.tag.css | #81A2BE | bold |
| entity.name.tag.scss | #81A2BE | bold |
| entity.other.attribute-name.css - entity.other.attribute-name.css support | #C586C0 | — |
| entity.other.attribute-name.scss - entity.other.attribute-name.scss support | #C586C0 | — |
| entity.name.tag | #81A2BE | — |
| entity.other.attribute-name | #C586C0 | italic |
| string.quoted.double.json | #69BB7B | — |
| constant.numeric.json | #69BB7B | — |
| keyword.json | #56B6C2 | — |
| support.type.property-name.json | #56B6C2 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json | #C7C7D8 | — |
| punctuation.definition.string.json | #8484A2 | — |
| comment.block.json | #696980 | italic |
| punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #4fcddb | — |
| punctuation.separator.dictionary.key-value.json | #4fcddb | — |
| punctuation.separator.dictionary.pair.json | — | — |
| markup.heading | #81A2BE | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.code | #C7C7D8 | bold |
| markup.quote | #C586C0 | — |
| markup.list | #69BB7B | — |
| markup.link | #56B6C2 | underline |
| meta.separator | #8484A2 | — |
| meta.paragraph | #C7C7D8 | — |
| meta.image | #DC8CC3 | — |
| meta.link | #56B6C2 | — |