Nebula Dark Theme Pack

Color themes

• 

  Nebula Dark Muted

• 

  Nebula Dark Vibrant

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#1a1a1a
• activityBar.activeBorder#6610f2
• activityBar.background#151515
• activityBar.foreground#ffffff
• activityBar.inactiveForeground#adb5bd
• badge.background#6610f2
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#6610f2
• breadcrumb.background#121212
• breadcrumb.focusForeground#ffffff
• breadcrumb.foreground#adb5bd
• button.background#6610f2
• button.foreground#ffffff
• button.hoverBackground#6f42c1
• button.secondaryBackground#2d2d2d
• button.secondaryForeground#ffffff
• button.secondaryHoverBackground#3d3d3d
• diffEditor.insertedLineBackground#51cf6610
• diffEditor.insertedTextBackground#51cf6620
• diffEditor.removedLineBackground#ff6b6b10
• diffEditor.removedTextBackground#ff6b6b20
• dropdown.background#1a1a1a
• dropdown.border#2d2d2d
• dropdown.foreground#f8f9fa
• editor.background#121212
• editor.foreground#f8f9fa
• editor.lineHighlightBackground#1e1e1e
• editor.selectionBackground#6610f240
• editor.selectionHighlightBackground#6f42c130
• editorBracketMatch.background#6610f220
• editorBracketMatch.border#6610f2
• editorCursor.foreground#6610f2
• editorError.foreground#ff6b6b
• editorGutter.addedBackground#51cf66
• editorGutter.background#121212
• editorGutter.deletedBackground#ff6b6b
• editorGutter.modifiedBackground#ff922b
• editorHint.foreground#20c997
• editorHoverWidget.background#151515
• editorHoverWidget.border#6610f2
• editorIndentGuide.activeBackground#495057
• editorIndentGuide.background#2d2d2d
• editorInfo.foreground#339af0
• editorLineNumber.activeForeground#adb5bd
• editorLineNumber.foreground#495057
• editorLink.activeForeground#339af0
• editorRuler.foreground#2d2d2d
• editorSuggestWidget.background#151515
• editorSuggestWidget.foreground#f8f9fa
• editorSuggestWidget.highlightForeground#6610f2
• editorSuggestWidget.selectedBackground#6610f230
• editorWarning.foreground#ff922b
• editorWhitespace.foreground#2d2d2d
• editorWidget.background#151515
• editorWidget.border#6610f2
• gitDecoration.addedResourceForeground#51cf66
• gitDecoration.conflictingResourceForeground#ff6b6b
• gitDecoration.deletedResourceForeground#ff6b6b
• gitDecoration.ignoredResourceForeground#6c757d
• gitDecoration.modifiedResourceForeground#ff922b
• gitDecoration.submoduleResourceForeground#da77f2
• gitDecoration.untrackedResourceForeground#20c997
• input.background#1a1a1a
• input.border#2d2d2d
• input.foreground#f8f9fa
• input.placeholderForeground#6c757d
• inputOption.activeBorder#6610f2
• inputValidation.errorBackground#ff6b6b20
• inputValidation.infoBackground#339af020
• inputValidation.warningBackground#ff922b20
• list.activeSelectionBackground#6610f230
• list.activeSelectionForeground#ffffff
• list.activeSelectionIconForeground#ffffff
• list.focusBackground#1a1a1a
• list.focusForeground#ffffff
• list.highlightForeground#6610f2
• list.hoverBackground#1a1a1a
• list.hoverForeground#ffffff
• list.inactiveSelectionBackground#6610f220
• list.inactiveSelectionForeground#e9ecef
• list.inactiveSelectionIconForeground#e9ecef
• menu.background#151515
• menu.foreground#e9ecef
• menu.selectionBackground#6610f230
• menu.selectionForeground#ffffff
• menu.separatorBackground#2d2d2d
• minimap.background#121212
• minimapSlider.activeBackground#6610f280
• minimapSlider.background#6610f240
• minimapSlider.hoverBackground#6610f260
• notification.background#151515
• notification.buttonBackground#6610f2
• notification.buttonForeground#ffffff
• notification.buttonHoverBackground#6f42c1
• notification.errorBackground#ff6b6b20
• notification.foreground#f8f9fa
• notification.infoBackground#339af020
• notification.warningBackground#ff922b20
• panel.background#121212
• panel.border#1a1a1a
• panelTitle.activeBorder#6610f2
• panelTitle.activeForeground#ffffff
• panelTitle.inactiveForeground#adb5bd
• peekView.border#6610f2
• peekViewEditor.background#151515
• peekViewResult.background#151515
• peekViewTitle.background#1a1a1a
• peekViewTitleLabel.foreground#ffffff
• scrollbarSlider.activeBackground#6610f280
• scrollbarSlider.background#6610f240
• scrollbarSlider.hoverBackground#6610f260
• sideBar.background#151515
• sideBar.border#1a1a1a
• sideBar.foreground#e9ecef
• sideBarSectionHeader.background#1a1a1a
• sideBarSectionHeader.foreground#ffffff
• statusBar.background#6610f2
• statusBar.debuggingBackground#ff6b6b
• statusBar.foreground#ffffff
• statusBar.noFolderBackground#151515
• tab.activeBackground#121212
• tab.activeBorder#6610f2
• tab.activeBorderTop#6610f2
• tab.activeForeground#ffffff
• tab.hoverBackground#1a1a1a
• tab.hoverForeground#ffffff
• tab.inactiveBackground#151515
• tab.inactiveForeground#adb5bd
• tab.unfocusedActiveBackground#121212
• tab.unfocusedHoverBackground#1a1a1a
• tab.unfocusedInactiveBackground#151515
• terminal.ansiBlack#121212
• terminal.ansiBlue#339af0
• terminal.ansiBrightBlack#6c757d
• terminal.ansiBrightBlue#339af0
• terminal.ansiBrightCyan#20c997
• terminal.ansiBrightGreen#51cf66
• terminal.ansiBrightMagenta#da77f2
• terminal.ansiBrightRed#ff6b6b
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ff922b
• terminal.ansiCyan#20c997
• terminal.ansiGreen#51cf66
• terminal.ansiMagenta#da77f2
• terminal.ansiRed#ff6b6b
• terminal.ansiWhite#f8f9fa
• terminal.ansiYellow#ff922b
• terminal.background#1a1a1a
• terminal.foreground#f8f9fa
• titleBar.activeBackground#151515
• titleBar.activeForeground#ffffff
• titleBar.inactiveBackground#151515
• titleBar.inactiveForeground#adb5bd

tokenColors

TextMate scopes and font styles (syntax highlighting rules).