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#0c2e5222
- activityBar.activeBorder#00b4d8
- activityBar.background#070c18
- activityBar.border#0c2240
- activityBar.foreground#00b4d8
- activityBar.inactiveForeground#1e4d7a
- activityBarBadge.background#f72585
- activityBarBadge.foreground#ffffff
- badge.background#f72585
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#00b4d8
- breadcrumb.background#0a0f1e
- breadcrumb.focusForeground#74c7e8
- breadcrumb.foreground#3d6e9e
- breadcrumbPicker.background#081424
- button.background#0096c7
- button.foreground#ffffff
- button.hoverBackground#00b4d8
- button.secondaryBackground#0c2e52
- button.secondaryForeground#cdd9e5
- descriptionForeground#8bb8d4
- diffEditor.diagonalFill#0c2240
- diffEditor.insertedLineBackground#00c4a712
- diffEditor.insertedTextBackground#00c4a720
- diffEditor.removedLineBackground#ff6b6b12
- diffEditor.removedTextBackground#ff6b6b20
- disabledForeground#3d6e9e
- dropdown.background#0d1a30
- dropdown.border#0c2e52
- dropdown.foreground#cdd9e5
- editor.background#0a0f1e
- editor.findMatchBackground#ff9f4340
- editor.findMatchBorder#ff9f43
- editor.findMatchHighlightBackground#ff9f4325
- editor.foldBackground#0d192955
- editor.foreground#cdd9e5
- editor.inactiveSelectionBackground#0096c720
- editor.lineHighlightBackground#0d1929
- editor.lineHighlightBorder#0d192900
- editor.selectionBackground#0096c740
- editor.selectionForeground#ffffff
- editor.wordHighlightBackground#0096c730
- editor.wordHighlightBorder#0096c760
- editor.wordHighlightStrongBackground#0096c750
- editor.wordHighlightStrongBorder#0096c780
- editorBracketHighlight.foreground1#00b4d8
- editorBracketHighlight.foreground2#4cc9f0
- editorBracketHighlight.foreground3#f72585
- editorBracketHighlight.foreground4#48cae4
- editorBracketHighlight.foreground5#ade8f4
- editorBracketHighlight.foreground6#ff9f43
- editorBracketMatch.background#0096c730
- editorBracketMatch.border#00b4d8
- editorCodeLens.foreground#3d6e9e
- editorCursor.background#0a0f1e
- editorCursor.foreground#00c4e8
- editorError.foreground#ff6b6b
- editorGhostText.foreground#3d6e9e
- editorGroup.border#0c2240
- editorGroup.dropBackground#0096c720
- editorGroupHeader.tabsBackground#070c18
- editorGroupHeader.tabsBorder#0c2240
- editorGutter.addedBackground#00c4a7
- editorGutter.background#0a0f1e
- editorGutter.deletedBackground#ff6b6b
- editorGutter.modifiedBackground#ff9f43
- editorHint.foreground#48cae4
- editorHoverWidget.background#081424
- editorHoverWidget.border#0c2e52
- editorHoverWidget.foreground#cdd9e5
- editorIndentGuide.activeBackground1#1e4d7a
- editorIndentGuide.background1#0c2440
- editorInfo.foreground#00b4d8
- editorInlayHint.background#0e1f36
- editorInlayHint.foreground#1e4d7a
- editorLineNumber.activeForeground#00b4d8
- editorLineNumber.foreground#1e4d7a
- editorOverviewRuler.addedForeground#00c4a7
- editorOverviewRuler.bracketMatchForeground#00b4d8
- editorOverviewRuler.deletedForeground#ff6b6b
- editorOverviewRuler.errorForeground#ff6b6b
- editorOverviewRuler.findMatchForeground#ff9f4388
- editorOverviewRuler.modifiedForeground#ff9f43
- editorOverviewRuler.selectionHighlightForeground#0096c7
- editorOverviewRuler.warningForeground#ff9f43
- editorOverviewRuler.wordHighlightForeground#0096c7
- editorRuler.foreground#0c2440
- editorStickyScroll.background#090d1a
- editorStickyScrollHover.background#0d1929
- editorSuggestWidget.background#081424
- editorSuggestWidget.border#0c2e52
- editorSuggestWidget.focusHighlightForeground#4cc9f0
- editorSuggestWidget.foreground#cdd9e5
- editorSuggestWidget.highlightForeground#00c4e8
- editorSuggestWidget.selectedBackground#0c2e52
- editorSuggestWidget.selectedForeground#00b4d8
- editorUnnecessaryCode.opacity#00000070
- editorWarning.foreground#ff9f43
- editorWhitespace.foreground#1e3a5a
- editorWidget.background#081424
- editorWidget.border#0c2e52
- editorWidget.foreground#cdd9e5
- errorForeground#ff6b6b
- extensionBadge.remoteBackground#0096c7
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#0096c7
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#00b4d8
- focusBorder#0096c7
- foreground#cdd9e5
- gitDecoration.addedResourceForeground#00c4a7
- gitDecoration.conflictingResourceForeground#f72585
- gitDecoration.deletedResourceForeground#ff6b6b
- gitDecoration.ignoredResourceForeground#1e4d7a
- gitDecoration.modifiedResourceForeground#ff9f43
- gitDecoration.submoduleResourceForeground#4cc9f0
- gitDecoration.untrackedResourceForeground#48cae4
- icon.foreground#74c7e8
- input.background#0d1a30
- input.border#0c2e52
- input.foreground#cdd9e5
- input.placeholderForeground#3d6e9e
- inputValidation.errorBackground#3a0a0a
- inputValidation.errorBorder#ff6b6b
- inputValidation.infoBackground#0a1a2e
- inputValidation.infoBorder#00b4d8
- inputValidation.warningBackground#2a1a00
- inputValidation.warningBorder#ff9f43
- list.activeSelectionBackground#0c2e52
- list.activeSelectionForeground#cdd9e5
- list.activeSelectionIconForeground#00b4d8
- list.deemphasizedForeground#3d6e9e
- list.errorForeground#ff6b6b
- list.focusBackground#0c2e52
- list.focusForeground#cdd9e5
- list.highlightForeground#00b4d8
- list.hoverBackground#0d1929
- list.hoverForeground#cdd9e5
- list.inactiveSelectionBackground#0c2240
- list.inactiveSelectionForeground#8bb8d4
- list.warningForeground#ff9f43
- minimap.background#080e1c
- minimap.errorHighlight#ff6b6b
- minimap.findMatchHighlight#ff9f4380
- minimap.selectionHighlight#0096c760
- minimap.warningHighlight#ff9f43
- minimapSlider.activeBackground#0096c740
- minimapSlider.background#0096c715
- minimapSlider.hoverBackground#0096c725
- notificationCenterHeader.background#070c18
- notificationCenterHeader.foreground#4cc9f0
- notificationLink.foreground#00b4d8
- notifications.background#081424
- notifications.border#0c2e52
- notifications.foreground#cdd9e5
- notificationToast.border#0c2e52
- panel.background#080e1c
- panel.border#0c2240
- panel.dropBorder#00b4d8
- panelSectionHeader.background#0a1525
- panelSectionHeader.foreground#4cc9f0
- panelTitle.activeBorder#00b4d8
- panelTitle.activeForeground#00b4d8
- panelTitle.inactiveForeground#3d6e9e
- peekView.border#0096c7
- peekViewEditor.background#08122080
- peekViewEditor.matchHighlightBackground#ff9f4340
- peekViewResult.background#081424
- peekViewResult.fileForeground#74c7e8
- peekViewResult.lineForeground#8bb8d4
- peekViewResult.matchHighlightBackground#ff9f4330
- peekViewResult.selectionBackground#0c2e52
- peekViewResult.selectionForeground#cdd9e5
- peekViewTitle.background#050b16
- peekViewTitleDescription.foreground#3d6e9e
- peekViewTitleLabel.foreground#00b4d8
- progressBar.background#00b4d8
- quickInput.background#081424
- quickInput.foreground#cdd9e5
- quickInputList.focusBackground#0c2e52
- quickInputList.focusForeground#cdd9e5
- quickInputTitle.background#070c18
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#0096c760
- scrollbarSlider.background#0096c720
- scrollbarSlider.hoverBackground#0096c740
- selection.background#0096c740
- settings.checkboxBackground#0d1a30
- settings.dropdownBackground#0d1a30
- settings.headerForeground#4cc9f0
- settings.modifiedItemIndicator#ff9f43
- settings.numberInputBackground#0d1a30
- settings.textInputBackground#0d1a30
- sideBar.background#080e1c
- sideBar.border#0c2240
- sideBar.foreground#8bb8d4
- sideBarSectionHeader.background#0a1525
- sideBarSectionHeader.border#0c2240
- sideBarSectionHeader.foreground#4cc9f0
- sideBarTitle.foreground#00b4d8
- statusBar.background#02387a
- statusBar.border#0c2e52
- statusBar.debuggingBackground#f72585
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#cdd9e5
- statusBar.noFolderBackground#050b16
- statusBar.noFolderForeground#3d6e9e
- statusBarItem.errorBackground#ff6b6b
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#ffffff15
- statusBarItem.prominentBackground#0096c7
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#00b4d8
- statusBarItem.remoteBackground#4cc9f0
- statusBarItem.remoteForeground#0a0f1e
- statusBarItem.warningBackground#ff9f43
- statusBarItem.warningForeground#ffffff
- tab.activeBackground#0a0f1e
- tab.activeBorder#00000000
- tab.activeBorderTop#00b4d8
- tab.activeForeground#cdd9e5
- tab.activeModifiedBorder#ff9f43
- tab.border#0c2240
- tab.hoverBackground#0d1929
- tab.hoverForeground#74c7e8
- tab.inactiveBackground#070c18
- tab.inactiveForeground#3d6e9e
- tab.inactiveModifiedBorder#ff9f4366
- terminal.ansiBlack#1a2744
- terminal.ansiBlue#0096c7
- terminal.ansiBrightBlack#3d6e9e
- terminal.ansiBrightBlue#00b4d8
- terminal.ansiBrightCyan#74c7e8
- terminal.ansiBrightGreen#00e5c0
- terminal.ansiBrightMagenta#ff4dac
- terminal.ansiBrightRed#ff8e8e
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffba6e
- terminal.ansiCyan#48cae4
- terminal.ansiGreen#00c4a7
- terminal.ansiMagenta#f72585
- terminal.ansiRed#ff6b6b
- terminal.ansiWhite#cdd9e5
- terminal.ansiYellow#ff9f43
- terminal.background#080e1c
- terminal.border#0c2240
- terminal.foreground#cdd9e5
- terminal.selectionBackground#0096c740
- terminal.selectionForeground#ffffff
- terminalCursor.background#0a0f1e
- terminalCursor.foreground#00c4e8
- textBlockQuote.background#0d1929
- textBlockQuote.border#0096c7
- textCodeBlock.background#0d1929
- textLink.activeForeground#4cc9f0
- textLink.foreground#00b4d8
- textPreformat.foreground#48cae4
- textSeparator.foreground#0c2440
- titleBar.activeBackground#060b16
- titleBar.activeForeground#8bb8d4
- titleBar.border#0c2240
- titleBar.inactiveBackground#070c18
- titleBar.inactiveForeground#3d6e9e
- tree.indentGuidesStroke#1e4d7a
- tree.tableColumnsBorder#0c2240
- widget.border#0c2e52
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block, comment.block.documentation | #3d6e9e | italic |
| comment.block.documentation keyword, comment.block.documentation punctuation.definition.tag, storage.type.class.jsdoc | #1e7fa8 | italic |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.other, string.template | #74c7e8 | — |
| constant.character.escape | #f72585 | — |
| punctuation.definition.template-expression, meta.embedded.expression.ts, meta.template.expression | #4cc9f0 | — |
| string.regexp | #ff9f43 | — |
| punctuation.definition.group.regexp, punctuation.definition.character-class.regexp, keyword.operator.quantifier.regexp | #f72585 | — |
| 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 | #00b4d8 | — |
| 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 | #7ec8e3 | — |
| keyword.other, keyword.other.using, keyword.other.await | #00b4d8 | — |
| 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 | #00b4d8 | — |
| 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 | #4cc9f0 | italic |
| entity.name.function, entity.name.function.member, meta.definition.method entity.name.function | #48cae4 | — |
| meta.function-call, meta.function-call entity.name.function, support.function | #48cae4 | — |
| support.function.builtin, support.function.console, support.function.magic | #f72585 | — |
| variable, variable.other, variable.other.readwrite, variable.other.local, variable.other.object | #ade8f4 | — |
| variable.other.constant, variable.other.constant.property | #cdd9e5 | — |
| variable.parameter | #cdd9e5 | italic |
| variable.language, variable.language.this, variable.language.self, variable.language.super | #f72585 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #cdd9e5 | — |
| entity.name.type, entity.name.type.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.module, entity.name.type.namespace, entity.name.type.alias, support.class, support.type | #4cc9f0 | — |
| entity.name.class, entity.name.class.component | #4cc9f0 | — |
| entity.name.type.interface | #00e5c0 | italic |
| support.type.primitive, support.type.builtin, keyword.type, storage.type.primitive | #4cc9f0 | — |
| entity.other.inherited-class | #48cae4 | italic |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary | #f06fff | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.none | #f06fff | italic |
| constant, constant.other, constant.other.symbol, constant.other.enum, constant.other.key | #ff9f43 | — |
| entity.name.function.decorator, meta.decorator, meta.decorator entity.name.function, punctuation.decorator, storage.type.annotation, meta.annotation, support.type.decorator | #f72585 | italic |
| entity.name.module, entity.name.namespace, support.module, variable.other.module | #48cae4 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace, meta.brace.square, meta.brace.curly, punctuation.bracket | #7ec8e3 | — |
| punctuation.definition.keyword, punctuation.definition.parameters, punctuation.definition.typeparameters, punctuation.definition.block, punctuation.definition.binding-pattern | #7ec8e3 | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.xml | #00b4d8 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.xml | #4cc9f0 | — |
| string.unquoted.html, string.quoted.double.html, string.quoted.single.html, meta.attribute-with-value.html string | #74c7e8 | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation | #3d6e9e | — |
| support.class.component, entity.name.tag.jsx, entity.name.tag.tsx | #f72585 | — |
| entity.name.tag.css, entity.name.tag.scss | #00b4d8 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.scss | #4cc9f0 | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.id.scss | #f72585 | — |
| support.type.property-name.css, support.type.property-name.scss, meta.property-name.css | #48cae4 | — |
| support.constant.property-value.css, meta.property-value.css, meta.property-value.css support.constant | #ade8f4 | — |
| constant.other.color.rgb-value.css | #f06fff | — |
| keyword.control.at-rule.css, keyword.control.at-rule.scss, keyword.at-rule | #f72585 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #ff9f43 | — |
| keyword.other.unit.css, keyword.other.unit.scss | #f06fff | — |
| variable.css | #ade8f4 | — |
| support.type.property-name.json, source.json meta.structure.dictionary.json string.quoted.double | #4cc9f0 | — |
| source.json meta.structure.dictionary.value string, source.json meta.structure.array string | #74c7e8 | — |
| markup.heading, markup.heading.markdown, entity.name.section.markdown, punctuation.definition.heading.markdown | #4cc9f0 | bold |
| markup.bold, markup.bold.markdown | #ade8f4 | bold |
| markup.italic, markup.italic.markdown | #cdd9e5 | italic |
| markup.inline.raw | #48cae4 | — |
| markup.fenced_code.block, markup.raw.block | #74c7e8 | — |
| markup.underline.link, markup.underline.link.markdown | #00b4d8 | underline |
| punctuation.definition.list.begin.markdown | #f72585 | — |
| markup.quote.markdown | #3d6e9e | italic |
| variable.language.special.self.python, variable.language.special.cls.python | #f72585 | italic |
| support.function.magic.python | #f72585 | — |
| entity.name.function.decorator.python | #f72585 | italic |
| support.function.builtin.python | #f72585 | — |
| support.type.python | #4cc9f0 | — |
| meta.fstring.python meta.interpolation.python | #4cc9f0 | — |
| meta.attribute.rust, punctuation.definition.attribute.rust | #f72585 | italic |
| entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust | #ff9f43 | italic |
| entity.name.function.macro.rust | #ff9f43 | — |
| invalid, invalid.deprecated | #ff6b6b | strikethrough |