NovaTheme - Swazlll Edition

Color themes

• 

  Swazlll Ember

• 

  Swazlll Forest

• 

  Swazlll Matrix

• 

  Swazlll Midnight

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#2a1a5e22
• activityBar.activeBorder#9d7ff5
• activityBar.background#08061a
• activityBar.border#1e0d4a
• activityBar.foreground#9d7ff5
• activityBar.inactiveForeground#2a1a5e
• activityBarBadge.background#f472b6
• activityBarBadge.foreground#ffffff
• badge.background#f472b6
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#9d7ff5
• breadcrumb.background#0d0a1e
• breadcrumb.focusForeground#c084fc
• breadcrumb.foreground#4a3880
• breadcrumbPicker.background#0a0818
• button.background#9d7ff5
• button.foreground#ffffff
• button.hoverBackground#a78bfa
• button.secondaryBackground#2a1a5e
• button.secondaryForeground#d4c8f5
• descriptionForeground#b8a8e8
• diffEditor.insertedLineBackground#34d39912
• diffEditor.insertedTextBackground#34d39920
• diffEditor.removedLineBackground#ff6b9d12
• diffEditor.removedTextBackground#ff6b9d20
• disabledForeground#4a3880
• dropdown.background#140c2e
• dropdown.border#2a1a5e
• dropdown.foreground#d4c8f5
• editor.background#0d0a1e
• editor.findMatchBackground#fb923c40
• editor.findMatchBorder#fb923c
• editor.findMatchHighlightBackground#fb923c25
• editor.foldBackground#140c2e55
• editor.foreground#d4c8f5
• editor.inactiveSelectionBackground#9d7ff520
• editor.lineHighlightBackground#140c2e
• editor.lineHighlightBorder#14082e00
• editor.selectionBackground#9d7ff540
• editor.selectionForeground#ffffff
• editor.wordHighlightBackground#9d7ff530
• editor.wordHighlightStrongBackground#9d7ff550
• editorBracketHighlight.foreground1#9d7ff5
• editorBracketHighlight.foreground2#c084fc
• editorBracketHighlight.foreground3#f472b6
• editorBracketHighlight.foreground4#a78bfa
• editorBracketHighlight.foreground5#ddd6fe
• editorBracketHighlight.foreground6#fb923c
• editorBracketMatch.background#9d7ff530
• editorBracketMatch.border#9d7ff5
• editorCodeLens.foreground#4a3880
• editorCursor.background#0d0a1e
• editorCursor.foreground#c084fc
• editorError.foreground#ff6b9d
• editorGhostText.foreground#4a3880
• editorGroup.border#1e0d4a
• editorGroupHeader.tabsBackground#08061a
• editorGroupHeader.tabsBorder#1e0d4a
• editorGutter.addedBackground#34d399
• editorGutter.background#0d0a1e
• editorGutter.deletedBackground#ff6b9d
• editorGutter.modifiedBackground#fb923c
• editorHoverWidget.background#0a0818
• editorHoverWidget.border#2a1a5e
• editorHoverWidget.foreground#d4c8f5
• editorIndentGuide.activeBackground1#2a1a5e
• editorIndentGuide.background1#1e0d4a
• editorInfo.foreground#9d7ff5
• editorInlayHint.background#120a28
• editorInlayHint.foreground#2a1a5e
• editorLineNumber.activeForeground#9d7ff5
• editorLineNumber.foreground#2a1a5e
• editorRuler.foreground#1e0d4a
• editorStickyScroll.background#0a0818
• editorSuggestWidget.background#0a0818
• editorSuggestWidget.border#2a1a5e
• editorSuggestWidget.foreground#d4c8f5
• editorSuggestWidget.highlightForeground#9d7ff5
• editorSuggestWidget.selectedBackground#2a1a5e
• editorSuggestWidget.selectedForeground#c084fc
• editorWarning.foreground#fb923c
• editorWhitespace.foreground#1e0d4a
• editorWidget.background#0a0818
• editorWidget.border#2a1a5e
• editorWidget.foreground#d4c8f5
• errorForeground#ff6b9d
• focusBorder#9d7ff5
• foreground#d4c8f5
• gitDecoration.addedResourceForeground#34d399
• gitDecoration.conflictingResourceForeground#f472b6
• gitDecoration.deletedResourceForeground#ff6b9d
• gitDecoration.ignoredResourceForeground#2a1a5e
• gitDecoration.modifiedResourceForeground#fb923c
• gitDecoration.untrackedResourceForeground#a78bfa
• icon.foreground#a78bfa
• input.background#140c2e
• input.border#2a1a5e
• input.foreground#d4c8f5
• input.placeholderForeground#4a3880
• inputValidation.errorBackground#3a0a2a
• inputValidation.errorBorder#ff6b9d
• inputValidation.infoBackground#0a0818
• inputValidation.infoBorder#9d7ff5
• inputValidation.warningBackground#2a1a00
• inputValidation.warningBorder#fb923c
• list.activeSelectionBackground#2a1a5e
• list.activeSelectionForeground#d4c8f5
• list.activeSelectionIconForeground#9d7ff5
• list.errorForeground#ff6b9d
• list.focusBackground#2a1a5e
• list.highlightForeground#9d7ff5
• list.hoverBackground#140c2e
• list.inactiveSelectionBackground#1e0d4a
• list.warningForeground#fb923c
• minimap.background#0b0820
• minimap.errorHighlight#ff6b9d
• minimap.selectionHighlight#9d7ff560
• minimap.warningHighlight#fb923c
• minimapSlider.activeBackground#9d7ff540
• minimapSlider.background#9d7ff515
• minimapSlider.hoverBackground#9d7ff525
• panel.background#0b0820
• panel.border#1e0d4a
• panelTitle.activeBorder#9d7ff5
• panelTitle.activeForeground#9d7ff5
• panelTitle.inactiveForeground#4a3880
• peekView.border#9d7ff5
• peekViewEditor.background#0a081880
• peekViewResult.background#0a0818
• peekViewTitle.background#06041a
• peekViewTitleLabel.foreground#9d7ff5
• progressBar.background#9d7ff5
• scrollbarSlider.activeBackground#9d7ff560
• scrollbarSlider.background#9d7ff720
• scrollbarSlider.hoverBackground#9d7ff540
• selection.background#9d7ff540
• sideBar.background#0b0820
• sideBar.border#1e0d4a
• sideBar.foreground#b8a8e8
• sideBarSectionHeader.background#0d0a24
• sideBarSectionHeader.border#1e0d4a
• sideBarSectionHeader.foreground#c084fc
• sideBarTitle.foreground#9d7ff5
• statusBar.background#2a1a5e
• statusBar.border#1e0d4a
• statusBar.debuggingBackground#f472b6
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#d4c8f5
• statusBar.noFolderBackground#06041a
• statusBarItem.errorBackground#ff6b9d
• statusBarItem.errorForeground#ffffff
• statusBarItem.hoverBackground#ffffff15
• statusBarItem.remoteBackground#9d7ff5
• statusBarItem.remoteForeground#0d0a1e
• statusBarItem.warningBackground#fb923c
• statusBarItem.warningForeground#ffffff
• tab.activeBackground#0d0a1e
• tab.activeBorderTop#9d7ff5
• tab.activeForeground#d4c8f5
• tab.activeModifiedBorder#fb923c
• tab.border#1e0d4a
• tab.hoverBackground#140c2e
• tab.hoverForeground#c084fc
• tab.inactiveBackground#08061a
• tab.inactiveForeground#4a3880
• tab.inactiveModifiedBorder#fb923c66
• terminal.ansiBlack#1a1030
• terminal.ansiBlue#9d7ff5
• terminal.ansiBrightBlack#4a3880
• terminal.ansiBrightBlue#c4b5fd
• terminal.ansiBrightCyan#ddd6fe
• terminal.ansiBrightGreen#6ee7b7
• terminal.ansiBrightMagenta#f9a8d4
• terminal.ansiBrightRed#ff99bb
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#fbbf7c
• terminal.ansiCyan#a78bfa
• terminal.ansiGreen#34d399
• terminal.ansiMagenta#f472b6
• terminal.ansiRed#ff6b9d
• terminal.ansiWhite#d4c8f5
• terminal.ansiYellow#fb923c
• terminal.background#0b0820
• terminal.border#1e0d4a
• terminal.foreground#d4c8f5
• terminalCursor.foreground#c084fc
• textLink.activeForeground#c084fc
• textLink.foreground#9d7ff5
• titleBar.activeBackground#06041a
• titleBar.activeForeground#b8a8e8
• titleBar.border#1e0d4a
• titleBar.inactiveBackground#08061a
• titleBar.inactiveForeground#4a3880
• widget.border#1e0d4a
• widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).