Subliminal Nightfall

Color themes

• 

  Subliminal Nightfall

• 

  Subliminal Nightfall (Cloudy)

• 

  Subliminal Nightfall (Hazy)

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#0a0921BF
• activityBar.activeBorder#5fb3b3
• activityBar.activeFocusBorder#6699cc
• activityBar.background#0a0921BF
• activityBar.border#484e5b
• activityBar.foreground#e0def4
• activityBar.inactiveForeground#a0a0a0
• activityBarBadge.background#6699cc
• activityBarBadge.foreground#ffffff
• breadcrumb.activeSelectionForeground#e0def4
• breadcrumb.background#0a0921BF
• breadcrumb.focusForeground#e0def4
• breadcrumb.foreground#a0a0a0
• breadcrumbPicker.background#111028BF
• button.background#6699cc
• button.foreground#ffffff
• button.hoverBackground#89bcef
• button.secondaryBackground#484e5b
• button.secondaryForeground#e0def4
• chat.inputBackground#111028BF
• chat.inputBorder#484e5b
• chat.inputForeground#e0def4
• chat.inputPlaceholderForeground#7f7f7f
• descriptionForeground#a0a0a0
• diffEditor.insertedLineBackground#a9cfa410
• diffEditor.insertedTextBackground#a9cfa420
• diffEditor.removedLineBackground#bf616a10
• diffEditor.removedTextBackground#bf616a20
• dropdown.background#111028BF
• dropdown.border#484e5b
• dropdown.foreground#e0def4
• dropdown.listBackground#111028BF
• editor.background#03021aBF
• editor.foreground#e0def4
• editor.lineHighlightBackground#2e3239BF
• editor.selectionBackground#484e5bBF
• editorCursor.foreground#5fb3b3
• editorGroup.border#484e5b
• editorGroupHeader.noTabsBackground#0a0921BF
• editorGroupHeader.tabsBackground#0a0921BF
• editorHoverWidget.background#111028BF
• editorHoverWidget.border#484e5b
• editorIndentGuide.activeBackground#484e5b
• editorIndentGuide.background#484e5b
• editorLineNumber.activeForeground#a0a0a0
• editorLineNumber.foreground#7f7f7f
• editorSuggestWidget.background#111028BF
• editorSuggestWidget.border#484e5b
• editorSuggestWidget.selectedBackground#484e5bBF
• editorWidget.background#111028BF
• editorWidget.border#484e5b
• errorForeground#bf616a
• focusBorder#6699cc
• foreground#e0def4
• gitDecoration.addedResourceForeground#a9cfa4
• gitDecoration.conflictingResourceForeground#f1a5ab
• gitDecoration.deletedResourceForeground#bf616a
• gitDecoration.ignoredResourceForeground#7f7f7f
• gitDecoration.modifiedResourceForeground#fcb832
• gitDecoration.untrackedResourceForeground#769072
• input.background#111028BF
• input.border#484e5b
• input.foreground#e0def4
• input.placeholderForeground#7f7f7f
• inputOption.activeBackground#484e5b
• inputOption.activeBorder#5fb3b3
• inputValidation.errorBackground#85434a
• inputValidation.errorBorder#bf616a
• list.activeSelectionBackground#484e5bB8
• list.activeSelectionForeground#e0def4
• list.focusAndSelectionOutline#484e5b
• list.focusBackground#484e5bB8
• list.focusForeground#e0def4
• list.focusOutline#484e5b
• list.hoverBackground#484e5b
• list.hoverForeground#e0def4
• list.inactiveSelectionBackground#484e5b
• list.inactiveSelectionForeground#e0def4
• listFilterWidget.background#111028BF
• listFilterWidget.noMatchesOutline#bf616a
• minimap.background#0a0921BF
• minimap.selectionHighlight#484e5bBF
• minimapSlider.activeBackground#7f7f7f
• minimapSlider.background#484e5b
• minimapSlider.hoverBackground#484e5b
• notificationCenter.border#484e5b
• notificationCenterHeader.background#0a0921BF
• notifications.background#111028BF
• notifications.border#484e5b
• notifications.foreground#e0def4
• notificationToast.border#484e5b
• panel.background#0a0921BF
• panel.border#484e5b
• panelInput.border#484e5b
• panelTitle.activeBorder#5fb3b3
• panelTitle.activeForeground#e0def4
• panelTitle.inactiveForeground#a0a0a0
• peekView.border#6699cc
• peekViewEditor.background#03021aBF
• peekViewResult.background#0a0921BF
• peekViewTitle.background#111028BF
• peekViewTitleLabel.foreground#e0def4
• quickInput.background#111028BF
• quickInput.foreground#e0def4
• quickInputList.focusBackground#484e5bBF
• quickInputTitle.background#0a0921BF
• scrollbar.shadow#00000033
• scrollbarSlider.activeBackground#7f7f7f
• scrollbarSlider.background#484e5b
• scrollbarSlider.hoverBackground#484e5b
• selection.background#484e5bBF
• sideBar.background#0a0921BF
• sideBar.border#484e5b
• sideBar.foreground#e0def4
• sideBarSectionHeader.background#0a0921BF
• sideBarSectionHeader.border#484e5b
• sideBarSectionHeader.foreground#e0def4
• sideBarTitle.foreground#e0def4
• statusBar.background#0a0921BF
• statusBar.border#484e5b
• statusBar.debuggingBackground#85434a
• statusBar.foreground#e0def4
• statusBar.noFolderBackground#0a0921BF
• statusBarItem.hoverBackground#111028BF
• statusBarItem.remoteBackground#6699cc
• statusBarItem.remoteForeground#ffffff
• tab.activeBackground#111028BF
• tab.activeBorder#5fb3b3
• tab.activeBorderTop#5fb3b3
• tab.activeForeground#e0def4
• tab.border#484e5b
• tab.hoverBackground#111028BF
• tab.inactiveBackground#0a0921BF
• tab.inactiveForeground#a0a0a0
• terminal.ansiBlack#7f7f7f
• terminal.ansiBlue#6699cc
• terminal.ansiBrightBlack#7f7f7f
• terminal.ansiBrightBlue#89bcef
• terminal.ansiBrightCyan#82d6d6
• terminal.ansiBrightGreen#ccf2c7
• terminal.ansiBrightMagenta#ffc8ce
• terminal.ansiBrightRed#e2848d
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ffd266
• terminal.ansiCyan#5fb3b3
• terminal.ansiGreen#a9cfa4
• terminal.ansiMagenta#f1a5ab
• terminal.ansiRed#bf616a
• terminal.ansiWhite#d4d4d4
• terminal.ansiYellow#fcb832
• terminal.background#0a0921BF
• terminal.border#484e5b
• terminal.foreground#e0def4
• terminal.selectionBackground#484e5bBF
• terminalCursor.background#03021aBF
• terminalCursor.foreground#5fb3b3
• titleBar.activeBackground#0a0921BF
• titleBar.activeForeground#e0def4
• titleBar.border#484e5b
• titleBar.inactiveBackground#0a0921BF
• titleBar.inactiveForeground#a0a0a0
• widget.shadow#00000033

tokenColors

TextMate scopes and font styles (syntax highlighting rules).