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#2a100022
- activityBar.activeBorder#ff9933
- activityBar.background#0a0300
- activityBar.border#200a00
- activityBar.foreground#ff9933
- activityBar.inactiveForeground#3d1a00
- activityBarBadge.background#ffcc00
- activityBarBadge.foreground#0f0500
- badge.background#ffcc00
- badge.foreground#0f0500
- breadcrumb.activeSelectionForeground#ff9933
- breadcrumb.background#0f0500
- breadcrumb.focusForeground#ffb380
- breadcrumb.foreground#5a2a00
- breadcrumbPicker.background#0d0400
- button.background#cc4400
- button.foreground#ffffff
- button.hoverBackground#ff6600
- button.secondaryBackground#2a1000
- button.secondaryForeground#ffe0cc
- descriptionForeground#ffb380
- diffEditor.diagonalFill#200a00
- diffEditor.insertedLineBackground#aacc0012
- diffEditor.insertedTextBackground#aacc0020
- diffEditor.removedLineBackground#ff333312
- diffEditor.removedTextBackground#ff333320
- disabledForeground#5a2a00
- dropdown.background#1a0800
- dropdown.border#2a1000
- dropdown.foreground#ffe0cc
- editor.background#0f0500
- editor.findMatchBackground#ffcc0035
- editor.findMatchBorder#ffcc00
- editor.findMatchHighlightBackground#ffcc0020
- editor.foldBackground#1a0c0055
- editor.foreground#ffe0cc
- editor.inactiveSelectionBackground#ff660018
- editor.lineHighlightBackground#1a0c00
- editor.lineHighlightBorder#1a0c0000
- editor.selectionBackground#ff660030
- editor.selectionForeground#ffffff
- editor.wordHighlightBackground#ff660022
- editor.wordHighlightBorder#ff660050
- editor.wordHighlightStrongBackground#ff660038
- editor.wordHighlightStrongBorder#ff660068
- editorBracketHighlight.foreground1#ff9933
- editorBracketHighlight.foreground2#ff6600
- editorBracketHighlight.foreground3#ffcc00
- editorBracketHighlight.foreground4#ff4400
- editorBracketHighlight.foreground5#ffaa44
- editorBracketHighlight.foreground6#ff7722
- editorBracketMatch.background#ff660028
- editorBracketMatch.border#ff9933
- editorCodeLens.foreground#5a2a00
- editorCursor.background#0f0500
- editorCursor.foreground#ff9933
- editorError.foreground#ff3333
- editorGhostText.foreground#5a2a00
- editorGroup.border#200a00
- editorGroup.dropBackground#ff660018
- editorGroupHeader.tabsBackground#0a0300
- editorGroupHeader.tabsBorder#200a00
- editorGutter.addedBackground#ff9933
- editorGutter.background#0f0500
- editorGutter.deletedBackground#ff3333
- editorGutter.modifiedBackground#ffcc00
- editorHint.foreground#ffb380
- editorHoverWidget.background#0d0400
- editorHoverWidget.border#2a1000
- editorHoverWidget.foreground#ffe0cc
- editorIndentGuide.activeBackground1#4d2000
- editorIndentGuide.background1#2a1000
- editorInfo.foreground#ff9933
- editorInlayHint.background#1a0800
- editorInlayHint.foreground#3d1a00
- editorLineNumber.activeForeground#ff6600
- editorLineNumber.foreground#3d1a00
- editorOverviewRuler.addedForeground#ff9933
- editorOverviewRuler.bracketMatchForeground#ff9933
- editorOverviewRuler.deletedForeground#ff3333
- editorOverviewRuler.errorForeground#ff3333
- editorOverviewRuler.findMatchForeground#ffcc0088
- editorOverviewRuler.modifiedForeground#ffcc00
- editorOverviewRuler.selectionHighlightForeground#ff6600
- editorOverviewRuler.warningForeground#ffcc00
- editorOverviewRuler.wordHighlightForeground#cc4400
- editorRuler.foreground#2a1000
- editorStickyScroll.background#0c0400
- editorStickyScrollHover.background#1a0c00
- editorSuggestWidget.background#0d0400
- editorSuggestWidget.border#2a1000
- editorSuggestWidget.focusHighlightForeground#ffcc00
- editorSuggestWidget.foreground#ffe0cc
- editorSuggestWidget.highlightForeground#ff6600
- editorSuggestWidget.selectedBackground#2a1000
- editorSuggestWidget.selectedForeground#ff9933
- editorUnnecessaryCode.opacity#00000070
- editorWarning.foreground#ffcc00
- editorWhitespace.foreground#3d1a00
- editorWidget.background#0d0400
- editorWidget.border#2a1000
- editorWidget.foreground#ffe0cc
- errorForeground#ff3333
- extensionBadge.remoteBackground#cc4400
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#cc4400
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#ff6600
- focusBorder#ff6600
- foreground#ffe0cc
- gitDecoration.addedResourceForeground#aacc00
- gitDecoration.conflictingResourceForeground#ff4400
- gitDecoration.deletedResourceForeground#ff3333
- gitDecoration.ignoredResourceForeground#3d1a00
- gitDecoration.modifiedResourceForeground#ffcc00
- gitDecoration.submoduleResourceForeground#ff6600
- gitDecoration.untrackedResourceForeground#ff9933
- icon.foreground#ff9933
- input.background#1a0800
- input.border#2a1000
- input.foreground#ffe0cc
- input.placeholderForeground#5a2a00
- inputValidation.errorBackground#3a0a0a
- inputValidation.errorBorder#ff3333
- inputValidation.infoBackground#2a1000
- inputValidation.infoBorder#ff9933
- inputValidation.warningBackground#3a2000
- inputValidation.warningBorder#ffcc00
- list.activeSelectionBackground#2a1000
- list.activeSelectionForeground#ffe0cc
- list.activeSelectionIconForeground#ff9933
- list.deemphasizedForeground#5a2a00
- list.errorForeground#ff3333
- list.focusBackground#2a1000
- list.focusForeground#ffe0cc
- list.highlightForeground#ff9933
- list.hoverBackground#1a0c00
- list.hoverForeground#ffe0cc
- list.inactiveSelectionBackground#200a00
- list.inactiveSelectionForeground#ffb380
- list.warningForeground#ffcc00
- minimap.background#0c0400
- minimap.errorHighlight#ff3333
- minimap.findMatchHighlight#ffcc0080
- minimap.selectionHighlight#ff660045
- minimap.warningHighlight#ffcc00
- minimapSlider.activeBackground#ff660040
- minimapSlider.background#ff660012
- minimapSlider.hoverBackground#ff660025
- notificationCenterHeader.background#0a0300
- notificationCenterHeader.foreground#ff6600
- notificationLink.foreground#ff9933
- notifications.background#0d0400
- notifications.border#2a1000
- notifications.foreground#ffe0cc
- notificationToast.border#2a1000
- panel.background#0c0400
- panel.border#200a00
- panel.dropBorder#ff9933
- panelSectionHeader.background#1a0800
- panelSectionHeader.foreground#ff6600
- panelTitle.activeBorder#ff9933
- panelTitle.activeForeground#ff9933
- panelTitle.inactiveForeground#5a2a00
- peekView.border#cc4400
- peekViewEditor.background#0d040080
- peekViewEditor.matchHighlightBackground#ffcc0040
- peekViewResult.background#0d0400
- peekViewResult.fileForeground#ffb380
- peekViewResult.lineForeground#ffb380
- peekViewResult.matchHighlightBackground#ffcc0030
- peekViewResult.selectionBackground#2a1000
- peekViewResult.selectionForeground#ffe0cc
- peekViewTitle.background#080300
- peekViewTitleDescription.foreground#5a2a00
- peekViewTitleLabel.foreground#ff9933
- progressBar.background#ff9933
- quickInput.background#0d0400
- quickInput.foreground#ffe0cc
- quickInputList.focusBackground#2a1000
- quickInputList.focusForeground#ffe0cc
- quickInputTitle.background#0a0300
- scrollbar.shadow#00000088
- scrollbarSlider.activeBackground#ff660048
- scrollbarSlider.background#ff660018
- scrollbarSlider.hoverBackground#ff660030
- selection.background#ff660030
- settings.checkboxBackground#1a0800
- settings.dropdownBackground#1a0800
- settings.headerForeground#ff6600
- settings.modifiedItemIndicator#ffcc00
- settings.numberInputBackground#1a0800
- settings.textInputBackground#1a0800
- sideBar.background#0c0400
- sideBar.border#200a00
- sideBar.foreground#ffb380
- sideBarSectionHeader.background#1a0800
- sideBarSectionHeader.border#200a00
- sideBarSectionHeader.foreground#ff6600
- sideBarTitle.foreground#ff9933
- statusBar.background#882200
- statusBar.border#2a1000
- statusBar.debuggingBackground#ffcc00
- statusBar.debuggingForeground#0f0500
- statusBar.foreground#ffe0cc
- statusBar.noFolderBackground#0a0300
- statusBar.noFolderForeground#5a2a00
- statusBarItem.errorBackground#ff3333
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#ffffff15
- statusBarItem.prominentBackground#cc4400
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#ff6600
- statusBarItem.remoteBackground#ff9933
- statusBarItem.remoteForeground#0f0500
- statusBarItem.warningBackground#ffcc00
- statusBarItem.warningForeground#0f0500
- tab.activeBackground#0f0500
- tab.activeBorder#00000000
- tab.activeBorderTop#ff9933
- tab.activeForeground#ffe0cc
- tab.activeModifiedBorder#ffcc00
- tab.border#200a00
- tab.hoverBackground#1a0c00
- tab.hoverForeground#ffb380
- tab.inactiveBackground#0a0300
- tab.inactiveForeground#5a2a00
- tab.inactiveModifiedBorder#ffcc0066
- terminal.ansiBlack#200a00
- terminal.ansiBlue#cc6600
- terminal.ansiBrightBlack#5a2a00
- terminal.ansiBrightBlue#ff7722
- terminal.ansiBrightCyan#ffbb66
- terminal.ansiBrightGreen#ccff00
- terminal.ansiBrightMagenta#ff6644
- terminal.ansiBrightRed#ff5555
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffdd44
- terminal.ansiCyan#ff9933
- terminal.ansiGreen#aacc00
- terminal.ansiMagenta#ff4400
- terminal.ansiRed#ff3333
- terminal.ansiWhite#ffe0cc
- terminal.ansiYellow#ffcc00
- terminal.background#0c0400
- terminal.border#200a00
- terminal.foreground#ffe0cc
- terminal.selectionBackground#ff660030
- terminal.selectionForeground#ffffff
- terminalCursor.background#0f0500
- terminalCursor.foreground#ff9933
- textBlockQuote.background#1a0c00
- textBlockQuote.border#cc4400
- textCodeBlock.background#1a0c00
- textLink.activeForeground#ff6600
- textLink.foreground#ff9933
- textPreformat.foreground#ffb380
- textSeparator.foreground#2a1000
- titleBar.activeBackground#080300
- titleBar.activeForeground#ffb380
- titleBar.border#200a00
- titleBar.inactiveBackground#0a0300
- titleBar.inactiveForeground#5a2a00
- tree.indentGuidesStroke#3d1a00
- tree.tableColumnsBorder#200a00
- widget.border#2a1000
- widget.shadow#00000088
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block, comment.block.documentation | #5a2a00 | italic |
| string, string.quoted, string.quoted.single, string.quoted.double, string.template | #ffb380 | — |
| constant.character.escape | #ffcc00 | — |
| string.regexp | #ffdd44 | — |
| keyword, keyword.control, keyword.control.flow, keyword.control.return, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.from, keyword.control.export | #ff6600 | — |
| keyword.operator | #ff9933 | — |
| storage.type, storage.type.function, storage.type.class, storage.type.let, storage.type.const, storage.type.var | #ff6600 | — |
| storage.modifier, storage.modifier.async, storage.modifier.static | #ff9933 | italic |
| entity.name.function, entity.name.function.member | #ff9933 | — |
| meta.function-call, support.function | #ff9933 | — |
| support.function.builtin, support.function.magic | #ffcc00 | — |
| variable, variable.other, variable.other.readwrite | #ffe0cc | — |
| variable.parameter | #ffffff | italic |
| variable.language, variable.language.this | #ffcc00 | italic |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum | #ffcc99 | — |
| constant.numeric | #ffcc00 | — |
| constant.language, constant.language.boolean, constant.language.null | #ff9944 | — |
| meta.decorator, entity.name.function.decorator | #ffcc00 | italic |
| entity.name.tag | #ff6600 | — |
| entity.other.attribute-name | #ff9933 | — |
| support.type.property-name | #ffb380 | — |
| punctuation, punctuation.separator, punctuation.terminator | #ffb380 | — |
| markup.heading | #ff6600 | bold |
| invalid, invalid.illegal | #ff3333 | — |