Violet Nova
Publisher: ZCNXSThemes in package: 1
A modern purple-themed dark mode color 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.activeBorder#da9fff
- activityBar.background#1a1523
- activityBar.border#3d2c50
- activityBar.foreground#f4d9ff
- activityBar.inactiveForeground#b29fc8
- activityBarBadge.background#c18aff
- activityBarBadge.foreground#1a1523
- badge.background#9b6cdd
- badge.foreground#ffffff
- button.background#c084fc
- button.border#ffffff33
- button.foreground#1a1523
- button.hoverBackground#d7a5ff
- button.secondaryBackground#44335e
- button.secondaryHoverBackground#574275
- checkbox.background#d9a4ff
- checkbox.border#ffffff30
- dropdown.background#3d2c50
- dropdown.border#705d89
- dropdown.foreground#f3e9ff
- dropdown.listBackground#2a1e3d
- editor.background#1a1523
- editor.findMatchBackground#e394ff88
- editor.findMatchHighlightBackground#ffaaff33
- editor.foreground#f3e9ff
- editorCursor.foreground#ffccff
- editorGroup.border#ffffff22
- editorGroupHeader.tabsBackground#1a1523
- editorGroupHeader.tabsBorder#4a3b5e
- editorGutter.addedBackground#90f7ff
- editorGutter.deletedBackground#ff7ccc
- editorGutter.modifiedBackground#caa2ff
- editorLineNumber.activeForeground#f3e9ff
- editorLineNumber.foreground#837c93
- editorOverviewRuler.border#46364e
- editorWidget.background#271c3a
- editorWidget.border#00000000
- focusBorder#e394ff
- foreground#f3e9ff
- icon.foreground#f0cbff
- input.background#3d2c50
- input.border#705d89
- input.foreground#f3e9ff
- input.placeholderForeground#b79ec3
- keybindingLabel.foreground#e2b8ff
- menu.background#2a1e3d
- menu.selectionBackground#c084fc
- menu.selectionForeground#1a1523
- notificationCenterHeader.background#2a1e3d
- notifications.background#2a1e3d
- notifications.border#5a456e
- notifications.foreground#f3e9ff
- panel.background#1a1523
- panel.border#46364e
- panelInput.border#46364e
- panelTitle.activeBorder#c084fc
- panelTitle.activeForeground#f3e9ff
- panelTitle.inactiveForeground#b79ec3
- peekViewEditor.background#2d1d3f
- peekViewEditor.matchHighlightBackground#e394ff55
- peekViewResult.background#2d1d3f
- peekViewResult.matchHighlightBackground#e394ff33
- pickerGroup.border#705d89
- progressBar.background#c084fc
- quickInput.background#261c37
- quickInput.foreground#f3e9ff
- settings.dropdownBackground#3d2c50
- settings.dropdownBorder#705d89
- settings.headerForeground#f3e9ff
- settings.modifiedItemIndicator#c084fc88
- sideBar.background#1a1523
- sideBar.border#46364e
- sideBar.foreground#e2b8ff
- sideBarSectionHeader.background#1a1523
- sideBarSectionHeader.border#46364e
- sideBarSectionHeader.foreground#f3e9ff
- statusBar.background#1a1523
- statusBar.border#46364e
- statusBar.debuggingBackground#ff84fb
- statusBar.debuggingForeground#1a1523
- statusBar.foreground#f3e9ff
- statusBar.noFolderBackground#2a1e3d
- statusBarItem.remoteBackground#c084fc
- statusBarItem.remoteForeground#1a1523
- tab.activeBackground#2a1e3d
- tab.activeBorderTop#c084fc
- tab.activeForeground#ffffff
- tab.border#46364e
- tab.hoverBackground#3d2c50
- tab.inactiveBackground#1a1523
- tab.inactiveForeground#a48db3
- terminal.ansiBlack#1a1523
- terminal.ansiBlue#c084fc
- terminal.ansiBrightBlack#6272a4
- terminal.ansiBrightBlue#e2b8ff
- terminal.ansiBrightCyan#a4ffff
- terminal.ansiBrightGreen#7fff9c
- terminal.ansiBrightMagenta#ffb3fe
- terminal.ansiBrightRed#ff92df
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffffa5
- terminal.ansiCyan#8be9fd
- terminal.ansiGreen#50fa7b
- terminal.ansiMagenta#ff79c6
- terminal.ansiRed#ff6b9f
- terminal.ansiWhite#f8f8f2
- terminal.ansiYellow#f1fa8c
- terminal.background#231932
- terminal.foreground#f3e9ff
- terminalCursor.foreground#ffccff
- titleBar.activeBackground#1a1523
- titleBar.activeForeground#f3e9ff
- titleBar.inactiveBackground#2a1e3d
- titleBar.inactiveForeground#b79ec3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block, comment.block.documentation, comment.line | #b67adf99 | italic |
| entity.name.tag.html, meta.tag.metadata.doctype.html, text.html.derivative | #c084fc | — |
| entity.other.attribute-name.html | #e0aaff | — |
| string.quoted.double.html | #ff9ce5 | — |
| entity.name.tag.css, meta.selector.css | #7bdfff | — |
| punctuation.definition.entity.css, entity.other.attribute-name.class.css | #89dceb | — |
| entity.other.attribute-name.pseudo-class.css | #ff84fb | — |
| support.type.property-name.css | #bd93f9 | — |
| string.quoted.single.css, entity.name.tag.css | #ffb3fe | — |
| support.constant.font-name.css | #b67adf | — |
| text.html.derivative | #c9a8ff | — |
| source.css | #7fd8ff | — |
| constant.numeric.css, meta.property-value.css, keyword.other.unit.percentage.css, keyword.other.unit | #9751ff | — |
| support.constant.property-value.css, support.function.transform.css | #5ffffc | — |
| support.constant.color.w3c-standard-color-name.css | #dda0ff | — |
| keyword.control, storage.type, keyword.operator.new | #ff79c6 | — |
| variable.language, variable.other | #f8f8f2 | — |
| entity.name.function, support.function | #8be9fd | — |
| constant.language, constant.numeric, constant.character | #bd93f9 | — |
| string.quoted.double, string.quoted.single | #f1fa8c | — |
| keyword.control | #ff79c6 | — |
| variable.language | #f8f8f2 | — |
| entity.name.function | #8be9fd | — |
| constant.language | #bd93f9 | — |
| string.quoted.double | #f1fa8c | — |
| comment | #b67adf99 | italic |