NovaTheme - Swazlll Edition
Publisher: Nova ThemeThemes in package: 14
A collection of dark themes for VS Code: Ocean, Midnight, Neon, Aurora, Coral, Storm, Forest, Dracula, Synthwave, Matrix, Ember, Sakura, Monochrome, and Abyss.
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#00330022
- activityBar.activeBorder#00ff41
- activityBar.background#000800
- activityBar.border#002200
- activityBar.foreground#00ff41
- activityBar.inactiveForeground#0d3d0d
- activityBarBadge.background#aaff00
- activityBarBadge.foreground#000a00
- badge.background#aaff00
- badge.foreground#000a00
- breadcrumb.activeSelectionForeground#00ff41
- breadcrumb.background#000a00
- breadcrumb.focusForeground#66cc66
- breadcrumb.foreground#1a4d1a
- breadcrumbPicker.background#000d00
- button.background#00aa22
- button.foreground#000a00
- button.hoverBackground#00ff41
- button.secondaryBackground#003300
- button.secondaryForeground#ccffcc
- descriptionForeground#66cc66
- diffEditor.diagonalFill#002200
- diffEditor.insertedLineBackground#00ff4112
- diffEditor.insertedTextBackground#00ff4120
- diffEditor.removedLineBackground#ff444412
- diffEditor.removedTextBackground#ff444420
- disabledForeground#1a4d1a
- dropdown.background#001a00
- dropdown.border#003300
- dropdown.foreground#ccffcc
- editor.background#000a00
- editor.findMatchBackground#aaff0035
- editor.findMatchBorder#aaff00
- editor.findMatchHighlightBackground#aaff0020
- editor.foldBackground#00150055
- editor.foreground#ccffcc
- editor.inactiveSelectionBackground#00ff4118
- editor.lineHighlightBackground#001500
- editor.lineHighlightBorder#00150000
- editor.selectionBackground#00ff4130
- editor.selectionForeground#000a00
- editor.wordHighlightBackground#00cc3320
- editor.wordHighlightBorder#00cc3350
- editor.wordHighlightStrongBackground#00cc3340
- editor.wordHighlightStrongBorder#00cc3370
- editorBracketHighlight.foreground1#00ff41
- editorBracketHighlight.foreground2#39ff14
- editorBracketHighlight.foreground3#aaff00
- editorBracketHighlight.foreground4#00cc99
- editorBracketHighlight.foreground5#88ff44
- editorBracketHighlight.foreground6#00ffaa
- editorBracketMatch.background#00ff4128
- editorBracketMatch.border#00ff41
- editorCodeLens.foreground#1a4d1a
- editorCursor.background#000a00
- editorCursor.foreground#00ff41
- editorError.foreground#ff4444
- editorGhostText.foreground#1a4d1a
- editorGroup.border#002200
- editorGroup.dropBackground#00ff4118
- editorGroupHeader.tabsBackground#000800
- editorGroupHeader.tabsBorder#002200
- editorGutter.addedBackground#00ff41
- editorGutter.background#000a00
- editorGutter.deletedBackground#ff4444
- editorGutter.modifiedBackground#aaff00
- editorHint.foreground#88ffcc
- editorHoverWidget.background#000d00
- editorHoverWidget.border#003300
- editorHoverWidget.foreground#ccffcc
- editorIndentGuide.activeBackground1#006600
- editorIndentGuide.background1#003300
- editorInfo.foreground#00ff41
- editorInlayHint.background#001500
- editorInlayHint.foreground#0d3d0d
- editorLineNumber.activeForeground#00ff41
- editorLineNumber.foreground#0d3d0d
- editorOverviewRuler.addedForeground#00ff41
- editorOverviewRuler.bracketMatchForeground#00ff41
- editorOverviewRuler.deletedForeground#ff4444
- editorOverviewRuler.errorForeground#ff4444
- editorOverviewRuler.findMatchForeground#aaff0088
- editorOverviewRuler.modifiedForeground#aaff00
- editorOverviewRuler.selectionHighlightForeground#00ff41
- editorOverviewRuler.warningForeground#aaff00
- editorOverviewRuler.wordHighlightForeground#00cc33
- editorRuler.foreground#003300
- editorStickyScroll.background#000800
- editorStickyScrollHover.background#001500
- editorSuggestWidget.background#000d00
- editorSuggestWidget.border#003300
- editorSuggestWidget.focusHighlightForeground#88ffcc
- editorSuggestWidget.foreground#ccffcc
- editorSuggestWidget.highlightForeground#39ff14
- editorSuggestWidget.selectedBackground#003300
- editorSuggestWidget.selectedForeground#00ff41
- editorUnnecessaryCode.opacity#00000070
- editorWarning.foreground#aaff00
- editorWhitespace.foreground#0d3d0d
- editorWidget.background#000d00
- editorWidget.border#003300
- editorWidget.foreground#ccffcc
- errorForeground#ff4444
- extensionBadge.remoteBackground#00aa22
- extensionBadge.remoteForeground#000a00
- extensionButton.prominentBackground#00aa22
- extensionButton.prominentForeground#000a00
- extensionButton.prominentHoverBackground#00ff41
- focusBorder#00ff41
- foreground#ccffcc
- gitDecoration.addedResourceForeground#00ff41
- gitDecoration.conflictingResourceForeground#ff8800
- gitDecoration.deletedResourceForeground#ff4444
- gitDecoration.ignoredResourceForeground#0d3d0d
- gitDecoration.modifiedResourceForeground#aaff00
- gitDecoration.submoduleResourceForeground#39ff14
- gitDecoration.untrackedResourceForeground#88ffcc
- icon.foreground#00ff41
- input.background#001a00
- input.border#003300
- input.foreground#ccffcc
- input.placeholderForeground#1a4d1a
- inputValidation.errorBackground#3a0a0a
- inputValidation.errorBorder#ff4444
- inputValidation.infoBackground#002200
- inputValidation.infoBorder#00ff41
- inputValidation.warningBackground#1a2200
- inputValidation.warningBorder#aaff00
- list.activeSelectionBackground#003300
- list.activeSelectionForeground#ccffcc
- list.activeSelectionIconForeground#00ff41
- list.deemphasizedForeground#1a4d1a
- list.errorForeground#ff4444
- list.focusBackground#003300
- list.focusForeground#ccffcc
- list.highlightForeground#00ff41
- list.hoverBackground#001500
- list.hoverForeground#ccffcc
- list.inactiveSelectionBackground#002200
- list.inactiveSelectionForeground#66cc66
- list.warningForeground#aaff00
- minimap.background#000c00
- minimap.errorHighlight#ff4444
- minimap.findMatchHighlight#aaff0080
- minimap.selectionHighlight#00ff4145
- minimap.warningHighlight#aaff00
- minimapSlider.activeBackground#00ff4138
- minimapSlider.background#00ff4112
- minimapSlider.hoverBackground#00ff4122
- notificationCenterHeader.background#000800
- notificationCenterHeader.foreground#39ff14
- notificationLink.foreground#00ff41
- notifications.background#000d00
- notifications.border#003300
- notifications.foreground#ccffcc
- notificationToast.border#003300
- panel.background#000c00
- panel.border#002200
- panel.dropBorder#00ff41
- panelSectionHeader.background#001500
- panelSectionHeader.foreground#39ff14
- panelTitle.activeBorder#00ff41
- panelTitle.activeForeground#00ff41
- panelTitle.inactiveForeground#1a4d1a
- peekView.border#00aa22
- peekViewEditor.background#000d0080
- peekViewEditor.matchHighlightBackground#aaff0040
- peekViewResult.background#000d00
- peekViewResult.fileForeground#66cc66
- peekViewResult.lineForeground#66cc66
- peekViewResult.matchHighlightBackground#aaff0030
- peekViewResult.selectionBackground#003300
- peekViewResult.selectionForeground#ccffcc
- peekViewTitle.background#000700
- peekViewTitleDescription.foreground#1a4d1a
- peekViewTitleLabel.foreground#00ff41
- progressBar.background#00ff41
- quickInput.background#000d00
- quickInput.foreground#ccffcc
- quickInputList.focusBackground#003300
- quickInputList.focusForeground#ccffcc
- quickInputTitle.background#000800
- scrollbar.shadow#00000088
- scrollbarSlider.activeBackground#00ff4148
- scrollbarSlider.background#00ff4118
- scrollbarSlider.hoverBackground#00ff4130
- selection.background#00ff4130
- settings.checkboxBackground#001500
- settings.dropdownBackground#001500
- settings.headerForeground#39ff14
- settings.modifiedItemIndicator#aaff00
- settings.numberInputBackground#001500
- settings.textInputBackground#001500
- sideBar.background#000c00
- sideBar.border#002200
- sideBar.foreground#66cc66
- sideBarSectionHeader.background#001500
- sideBarSectionHeader.border#002200
- sideBarSectionHeader.foreground#39ff14
- sideBarTitle.foreground#00ff41
- statusBar.background#005500
- statusBar.border#003300
- statusBar.debuggingBackground#aaff00
- statusBar.debuggingForeground#000a00
- statusBar.foreground#ccffcc
- statusBar.noFolderBackground#000800
- statusBar.noFolderForeground#1a4d1a
- statusBarItem.errorBackground#ff4444
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#00ff4115
- statusBarItem.prominentBackground#00aa22
- statusBarItem.prominentForeground#000a00
- statusBarItem.prominentHoverBackground#00ff41
- statusBarItem.remoteBackground#39ff14
- statusBarItem.remoteForeground#000a00
- statusBarItem.warningBackground#aaff00
- statusBarItem.warningForeground#000a00
- tab.activeBackground#000a00
- tab.activeBorder#00000000
- tab.activeBorderTop#00ff41
- tab.activeForeground#ccffcc
- tab.activeModifiedBorder#aaff00
- tab.border#002200
- tab.hoverBackground#001500
- tab.hoverForeground#66cc66
- tab.inactiveBackground#000800
- tab.inactiveForeground#1a4d1a
- tab.inactiveModifiedBorder#aaff0066
- terminal.ansiBlack#002200
- terminal.ansiBlue#00ccaa
- terminal.ansiBrightBlack#1a4d1a
- terminal.ansiBrightBlue#00ffcc
- terminal.ansiBrightCyan#aaffdd
- terminal.ansiBrightGreen#44ff66
- terminal.ansiBrightMagenta#66ffaa
- terminal.ansiBrightRed#ff6666
- terminal.ansiBrightWhite#eeffee
- terminal.ansiBrightYellow#ccff44
- terminal.ansiCyan#88ffcc
- terminal.ansiGreen#00ff41
- terminal.ansiMagenta#44ff88
- terminal.ansiRed#ff4444
- terminal.ansiWhite#ccffcc
- terminal.ansiYellow#aaff00
- terminal.background#000c00
- terminal.border#002200
- terminal.foreground#ccffcc
- terminal.selectionBackground#00ff4130
- terminal.selectionForeground#000a00
- terminalCursor.background#000a00
- terminalCursor.foreground#00ff41
- textBlockQuote.background#001500
- textBlockQuote.border#00aa22
- textCodeBlock.background#001500
- textLink.activeForeground#39ff14
- textLink.foreground#00ff41
- textPreformat.foreground#88ffcc
- textSeparator.foreground#003300
- titleBar.activeBackground#000700
- titleBar.activeForeground#66cc66
- titleBar.border#002200
- titleBar.inactiveBackground#000800
- titleBar.inactiveForeground#1a4d1a
- tree.indentGuidesStroke#0d3d0d
- tree.tableColumnsBorder#002200
- widget.border#003300
- widget.shadow#00000088
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block, comment.block.documentation | #1a4d1a | italic |
| string, string.quoted, string.quoted.single, string.quoted.double, string.template | #88ffcc | — |
| constant.character.escape | #aaff00 | — |
| string.regexp | #ccff00 | — |
| keyword, keyword.control, keyword.control.flow, keyword.control.return, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.from, keyword.control.export | #00ff41 | — |
| keyword.operator | #39ff14 | — |
| storage.type, storage.type.function, storage.type.class, storage.type.let, storage.type.const, storage.type.var | #00ff41 | — |
| storage.modifier, storage.modifier.async, storage.modifier.static | #39ff14 | italic |
| entity.name.function, entity.name.function.member | #39ff14 | — |
| meta.function-call, support.function | #39ff14 | — |
| support.function.builtin, support.function.magic | #aaff00 | — |
| variable, variable.other, variable.other.readwrite | #ccffcc | — |
| variable.parameter | #eeffee | italic |
| variable.language, variable.language.this | #aaff00 | italic |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum | #aaffcc | — |
| constant.numeric | #aaff00 | — |
| constant.language, constant.language.boolean, constant.language.null | #ccff44 | — |
| meta.decorator, entity.name.function.decorator | #aaff00 | italic |
| entity.name.tag | #00ff41 | — |
| entity.other.attribute-name | #39ff14 | — |
| support.type.property-name | #88ffcc | — |
| punctuation, punctuation.separator, punctuation.terminator | #66cc66 | — |
| markup.heading | #00ff41 | bold |
| invalid, invalid.illegal | #ff4444 | — |