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#0a2e1422
- activityBar.activeBorder#2ecc71
- activityBar.background#010a03
- activityBar.border#0a2210
- activityBar.foreground#2ecc71
- activityBar.inactiveForeground#1a4d24
- activityBarBadge.background#fbbf24
- activityBarBadge.foreground#000000
- badge.background#fbbf24
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#2ecc71
- breadcrumb.background#020c04
- breadcrumb.focusForeground#81c784
- breadcrumb.foreground#2e6b3c
- breadcrumbPicker.background#040f07
- button.background#27ae60
- button.foreground#ffffff
- button.hoverBackground#2ecc71
- button.secondaryBackground#0a2e14
- button.secondaryForeground#c8e6c9
- descriptionForeground#81c784
- diffEditor.diagonalFill#0a2210
- diffEditor.insertedLineBackground#2ecc7112
- diffEditor.insertedTextBackground#2ecc7120
- diffEditor.removedLineBackground#ff555512
- diffEditor.removedTextBackground#ff555520
- disabledForeground#2e6b3c
- dropdown.background#071a0c
- dropdown.border#0a2e14
- dropdown.foreground#c8e6c9
- editor.background#020c04
- editor.findMatchBackground#fbbf2440
- editor.findMatchBorder#fbbf24
- editor.findMatchHighlightBackground#fbbf2425
- editor.foldBackground#071a0c55
- editor.foreground#c8e6c9
- editor.inactiveSelectionBackground#2ecc7120
- editor.lineHighlightBackground#071a0c
- editor.lineHighlightBorder#071a0c00
- editor.selectionBackground#2ecc7140
- editor.selectionForeground#ffffff
- editor.wordHighlightBackground#2ecc7130
- editor.wordHighlightBorder#2ecc7160
- editor.wordHighlightStrongBackground#2ecc7150
- editor.wordHighlightStrongBorder#2ecc7180
- editorBracketHighlight.foreground1#2ecc71
- editorBracketHighlight.foreground2#1abc9c
- editorBracketHighlight.foreground3#fbbf24
- editorBracketHighlight.foreground4#86efac
- editorBracketHighlight.foreground5#a7f3d0
- editorBracketHighlight.foreground6#34d399
- editorBracketMatch.background#2ecc7130
- editorBracketMatch.border#27ae60
- editorCodeLens.foreground#2e6b3c
- editorCursor.background#020c04
- editorCursor.foreground#2ecc71
- editorError.foreground#ff5555
- editorGhostText.foreground#2e6b3c
- editorGroup.border#0a2210
- editorGroup.dropBackground#2ecc7120
- editorGroupHeader.tabsBackground#010a03
- editorGroupHeader.tabsBorder#0a2210
- editorGutter.addedBackground#2ecc71
- editorGutter.background#020c04
- editorGutter.deletedBackground#ff5555
- editorGutter.modifiedBackground#fbbf24
- editorHint.foreground#86efac
- editorHoverWidget.background#040f07
- editorHoverWidget.border#0a2e14
- editorHoverWidget.foreground#c8e6c9
- editorIndentGuide.activeBackground1#1a4d24
- editorIndentGuide.background1#0a2e14
- editorInfo.foreground#2ecc71
- editorInlayHint.background#071a0c
- editorInlayHint.foreground#1a4d24
- editorLineNumber.activeForeground#2ecc71
- editorLineNumber.foreground#1a4d24
- editorOverviewRuler.addedForeground#2ecc71
- editorOverviewRuler.bracketMatchForeground#2ecc71
- editorOverviewRuler.deletedForeground#ff5555
- editorOverviewRuler.errorForeground#ff5555
- editorOverviewRuler.findMatchForeground#fbbf2488
- editorOverviewRuler.modifiedForeground#fbbf24
- editorOverviewRuler.selectionHighlightForeground#27ae60
- editorOverviewRuler.warningForeground#fbbf24
- editorOverviewRuler.wordHighlightForeground#27ae60
- editorRuler.foreground#0a2e14
- editorStickyScroll.background#010a03
- editorStickyScrollHover.background#071a0c
- editorSuggestWidget.background#040f07
- editorSuggestWidget.border#0a2e14
- editorSuggestWidget.focusHighlightForeground#86efac
- editorSuggestWidget.foreground#c8e6c9
- editorSuggestWidget.highlightForeground#4ade80
- editorSuggestWidget.selectedBackground#0a2e14
- editorSuggestWidget.selectedForeground#2ecc71
- editorUnnecessaryCode.opacity#00000070
- editorWarning.foreground#fbbf24
- editorWhitespace.foreground#1a3d20
- editorWidget.background#040f07
- editorWidget.border#0a2e14
- editorWidget.foreground#c8e6c9
- errorForeground#ff5555
- extensionBadge.remoteBackground#27ae60
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#27ae60
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#2ecc71
- focusBorder#2ecc71
- foreground#c8e6c9
- gitDecoration.addedResourceForeground#2ecc71
- gitDecoration.conflictingResourceForeground#a78bfa
- gitDecoration.deletedResourceForeground#ff5555
- gitDecoration.ignoredResourceForeground#1a4d24
- gitDecoration.modifiedResourceForeground#fbbf24
- gitDecoration.submoduleResourceForeground#4ade80
- gitDecoration.untrackedResourceForeground#86efac
- icon.foreground#4ade80
- input.background#071a0c
- input.border#0a2e14
- input.foreground#c8e6c9
- input.placeholderForeground#2e6b3c
- inputValidation.errorBackground#3a0a0a
- inputValidation.errorBorder#ff5555
- inputValidation.infoBackground#0a1f0e
- inputValidation.infoBorder#2ecc71
- inputValidation.warningBackground#2a1a00
- inputValidation.warningBorder#fbbf24
- list.activeSelectionBackground#0a2e14
- list.activeSelectionForeground#c8e6c9
- list.activeSelectionIconForeground#2ecc71
- list.deemphasizedForeground#2e6b3c
- list.errorForeground#ff5555
- list.focusBackground#0a2e14
- list.focusForeground#c8e6c9
- list.highlightForeground#2ecc71
- list.hoverBackground#071a0c
- list.hoverForeground#c8e6c9
- list.inactiveSelectionBackground#0a2210
- list.inactiveSelectionForeground#81c784
- list.warningForeground#fbbf24
- minimap.background#030e06
- minimap.errorHighlight#ff5555
- minimap.findMatchHighlight#fbbf2480
- minimap.selectionHighlight#2ecc7160
- minimap.warningHighlight#fbbf24
- minimapSlider.activeBackground#2ecc7140
- minimapSlider.background#2ecc7115
- minimapSlider.hoverBackground#2ecc7125
- notificationCenterHeader.background#010a03
- notificationCenterHeader.foreground#4ade80
- notificationLink.foreground#2ecc71
- notifications.background#040f07
- notifications.border#0a2e14
- notifications.foreground#c8e6c9
- notificationToast.border#0a2e14
- panel.background#030e06
- panel.border#0a2210
- panel.dropBorder#2ecc71
- panelSectionHeader.background#071a0c
- panelSectionHeader.foreground#4ade80
- panelTitle.activeBorder#2ecc71
- panelTitle.activeForeground#2ecc71
- panelTitle.inactiveForeground#2e6b3c
- peekView.border#27ae60
- peekViewEditor.background#040f0780
- peekViewEditor.matchHighlightBackground#fbbf2440
- peekViewResult.background#040f07
- peekViewResult.fileForeground#81c784
- peekViewResult.lineForeground#81c784
- peekViewResult.matchHighlightBackground#fbbf2430
- peekViewResult.selectionBackground#0a2e14
- peekViewResult.selectionForeground#c8e6c9
- peekViewTitle.background#010903
- peekViewTitleDescription.foreground#2e6b3c
- peekViewTitleLabel.foreground#2ecc71
- progressBar.background#2ecc71
- quickInput.background#040f07
- quickInput.foreground#c8e6c9
- quickInputList.focusBackground#0a2e14
- quickInputList.focusForeground#c8e6c9
- quickInputTitle.background#010a03
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#2ecc7160
- scrollbarSlider.background#2ecc7120
- scrollbarSlider.hoverBackground#2ecc7140
- selection.background#2ecc7140
- settings.checkboxBackground#071a0c
- settings.dropdownBackground#071a0c
- settings.headerForeground#4ade80
- settings.modifiedItemIndicator#fbbf24
- settings.numberInputBackground#071a0c
- settings.textInputBackground#071a0c
- sideBar.background#030e06
- sideBar.border#0a2210
- sideBar.foreground#81c784
- sideBarSectionHeader.background#071a0c
- sideBarSectionHeader.border#0a2210
- sideBarSectionHeader.foreground#4ade80
- sideBarTitle.foreground#2ecc71
- statusBar.background#0a4a1e
- statusBar.border#0a2e14
- statusBar.debuggingBackground#fbbf24
- statusBar.debuggingForeground#000000
- statusBar.foreground#c8e6c9
- statusBar.noFolderBackground#010a03
- statusBar.noFolderForeground#2e6b3c
- statusBarItem.errorBackground#ff5555
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#ffffff15
- statusBarItem.prominentBackground#27ae60
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#2ecc71
- statusBarItem.remoteBackground#4ade80
- statusBarItem.remoteForeground#020c04
- statusBarItem.warningBackground#fbbf24
- statusBarItem.warningForeground#000000
- tab.activeBackground#020c04
- tab.activeBorder#00000000
- tab.activeBorderTop#2ecc71
- tab.activeForeground#c8e6c9
- tab.activeModifiedBorder#fbbf24
- tab.border#0a2210
- tab.hoverBackground#071a0c
- tab.hoverForeground#81c784
- tab.inactiveBackground#010a03
- tab.inactiveForeground#2e6b3c
- tab.inactiveModifiedBorder#fbbf2466
- terminal.ansiBlack#0a2210
- terminal.ansiBlue#1abc9c
- terminal.ansiBrightBlack#2e6b3c
- terminal.ansiBrightBlue#34d399
- terminal.ansiBrightCyan#a7f3d0
- terminal.ansiBrightGreen#4ade80
- terminal.ansiBrightMagenta#c4b5fd
- terminal.ansiBrightRed#ff7777
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#fcd34d
- terminal.ansiCyan#86efac
- terminal.ansiGreen#2ecc71
- terminal.ansiMagenta#a78bfa
- terminal.ansiRed#ff5555
- terminal.ansiWhite#c8e6c9
- terminal.ansiYellow#fbbf24
- terminal.background#030e06
- terminal.border#0a2210
- terminal.foreground#c8e6c9
- terminal.selectionBackground#2ecc7140
- terminal.selectionForeground#ffffff
- terminalCursor.background#020c04
- terminalCursor.foreground#2ecc71
- textBlockQuote.background#071a0c
- textBlockQuote.border#27ae60
- textCodeBlock.background#071a0c
- textLink.activeForeground#4ade80
- textLink.foreground#2ecc71
- textPreformat.foreground#86efac
- textSeparator.foreground#0a2e14
- titleBar.activeBackground#010903
- titleBar.activeForeground#81c784
- titleBar.border#0a2210
- titleBar.inactiveBackground#010a03
- titleBar.inactiveForeground#2e6b3c
- tree.indentGuidesStroke#1a4d24
- tree.tableColumnsBorder#0a2210
- widget.border#0a2e14
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block, comment.block.documentation | #2e6b3c | italic |
| comment.block.documentation keyword, comment.block.documentation punctuation.definition.tag, storage.type.class.jsdoc | #1a5c2e | italic |
| string, string.quoted, string.quoted.single, string.quoted.double, string.template | #86efac | — |
| constant.character.escape | #fbbf24 | — |
| punctuation.definition.template-expression, meta.embedded.expression.ts, meta.template.expression | #a7f3d0 | — |
| string.regexp | #fcd34d | — |
| punctuation.definition.group.regexp, punctuation.definition.character-class.regexp, keyword.operator.quantifier.regexp | #fbbf24 | — |
| keyword, keyword.control, keyword.control.flow, keyword.control.return, keyword.control.conditional, keyword.control.loop, keyword.control.trycatch, keyword.control.import, keyword.control.from, keyword.control.export, keyword.control.default | #2ecc71 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.type, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof | #34d399 | — |
| keyword.other, keyword.other.using, keyword.other.await | #2ecc71 | — |
| storage.type, storage.type.function, storage.type.class, storage.type.interface, storage.type.type, storage.type.enum, storage.type.namespace, storage.type.let, storage.type.const, storage.type.var | #2ecc71 | — |
| storage.modifier, storage.modifier.async, storage.modifier.static, storage.modifier.abstract, storage.modifier.public, storage.modifier.private, storage.modifier.protected, storage.modifier.override, storage.modifier.readonly, storage.modifier.export, storage.modifier.default | #4ade80 | italic |
| entity.name.function, entity.name.function.member, meta.definition.method entity.name.function | #4ade80 | — |
| meta.function-call, meta.function-call entity.name.function, support.function | #4ade80 | — |
| support.function.builtin, support.function.console, support.function.magic | #fbbf24 | — |
| variable, variable.other, variable.other.readwrite, variable.other.local, variable.other.object | #c8e6c9 | — |
| variable.other.constant, variable.other.constant.property | #e8f5e9 | — |
| variable.parameter | #e8f5e9 | italic |
| variable.language, variable.language.this, variable.language.self, variable.language.super | #fbbf24 | italic |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.struct, entity.name.enum, entity.name.type.alias | #a7f3d0 | — |
| entity.other.inherited-class | #86efac | italic |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key | #c8e6c9 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex | #fbbf24 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan | #fcd34d | — |
| variable.other.constant, entity.name.constant | #e8f5e9 | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator, meta.annotation | #fbbf24 | italic |
| entity.name.tag, meta.tag entity.name.tag | #2ecc71 | — |
| entity.other.attribute-name, meta.tag.attributes entity.other.attribute-name | #86efac | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #4ade80 | — |
| support.type.property-name | #86efac | — |
| support.constant.property-value, meta.property-value | #c8e6c9 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.definition.block | #81c784 | — |
| meta.import string, meta.export string | #a7f3d0 | — |
| entity.name.namespace, entity.name.module | #86efac | — |
| markup.heading, entity.name.section.markdown | #2ecc71 | bold |
| markup.bold | #e8f5e9 | bold |
| markup.italic | #a7f3d0 | italic |
| markup.inline.raw | #86efac | — |
| markup.underline.link | #4ade80 | — |
| invalid, invalid.illegal, invalid.deprecated | #ff5555 | — |