Carbonight

Color themes

• 

  Carbonight Dusk Theme

• 

  Carbonight Midnight Theme

• 

  Carbonight Twilight Theme

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.background#151726
• activityBar.border#1e223a
• activityBar.foreground#4CC9F0
• activityBar.inactiveForeground#4CC9F066
• activityBarBadge.background#4CC9F0
• activityBarBadge.foreground#000000
• badge.background#4CC9F0
• badge.foreground#000000
• breadcrumb.foreground#6f7b99
• button.background#2a314f
• button.secondaryBackground#323864
• dropdown.background#171a2e
• dropdown.border#1e223a
• editor.background#151726
• editor.foreground#DADFF0
• editor.inactiveSelectionBackground#202544cc
• editor.lineHighlightBackground#1d203a
• editor.selectionBackground#2a3150
• editor.selectionHighlightBackground#2c3459cc
• editorBracketHighlight.foreground1#4CC9F0
• editorBracketHighlight.foreground2#A3F7BF
• editorBracketHighlight.foreground3#EFB1FF
• editorBracketHighlight.foreground4#FFE6A7
• editorBracketMatch.background#1e223a
• editorBracketMatch.border#4CC9F055
• editorCursor.foreground#4CC9F0
• editorGroupHeader.tabsBackground#151726
• editorHoverWidget.background#1a1d33
• editorHoverWidget.border#1e223a
• editorLineNumber.activeForeground#9fc7ff
• editorSuggestWidget.background#1a1d33
• editorSuggestWidget.border#1e223a
• editorSuggestWidget.selectedBackground#242a48
• editorWidget.background#151726
• editorWidget.border#23274a
• editorWidget.foreground#DADFF0
• foreground#dadcde
• icon.foreground#EAEAEA
• input.background#181b30
• input.border#1e223a
• input.foreground#ECEFFF
• input.placeholderForeground#ECEFFF80
• list.activeSelectionBackground#242a48
• list.errorForeground#f88070
• list.focusBackground#2a3150
• list.highlightForeground#4CC9F0
• list.hoverBackground#1a1d33
• list.inactiveSelectionBackground#1e223a
• list.warningForeground#f5c977
• notificationCenter.border#1e223a
• notificationCenterHeader.background#171a2e
• notificationCenterHeader.foreground#DADFF0
• notifications.background#1a1d33
• notifications.foreground#d4d8e3
• panel.background#151726
• panel.border#1e223a
• scrollbar.shadow#00000000
• scrollbarSlider.activeBackground#4CC9F0aa
• scrollbarSlider.background#20264acc
• scrollbarSlider.hoverBackground#2a3260cc
• sideBar.background#151726
• sideBar.border#1e223a
• sideBar.foreground#D0D6E4
• sideBarSectionHeader.background#151726
• sideBarSectionHeader.border#1e223a
• statusBar.background#151726
• statusBar.border#1e223a
• statusBar.foreground#DADFF0
• statusBar.noFolderBackground#151726
• statusBarItem.hoverBackground#1e223a
• tab.activeBackground#181b30
• tab.activeBorder#4CC9F0
• tab.activeForeground#DADFF0
• tab.border#1b1f33
• tab.inactiveBackground#14162a
• tab.inactiveForeground#7f8aa6
• tab.selectedBackground#151726
• tab.unfocusedActiveBorder#23274a
• terminal.ansiBlack#151726
• terminal.ansiBlue#4CC9F0
• terminal.ansiBrightBlack#1e223a
• terminal.ansiBrightBlue#7ddfff
• terminal.ansiBrightCyan#c8f4ff
• terminal.ansiBrightGreen#afffd1
• terminal.ansiBrightMagenta#f2c6ff
• terminal.ansiBrightRed#ff8da2
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#fff2bd
• terminal.ansiCyan#9ee7f5
• terminal.ansiGreen#9ff7c2
• terminal.ansiMagenta#e4b1ff
• terminal.ansiRed#ff6b81
• terminal.ansiWhite#e9edf3
• terminal.ansiYellow#ffe6a7
• terminal.background#151726
• terminal.foreground#DADFF0
• terminal.selectionBackground#2a3150
• terminalCursor.background#151726
• terminalCursor.foreground#4CC9F0
• titleBar.activeBackground#151726
• titleBar.activeForeground#DADFF0
• titleBar.border#1e223a
• titleBar.inactiveBackground#151726
• titleBar.inactiveForeground#7f8aa6
• widget.border#1e223a
• widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).