ThemeDatabase All Themes

Color themes

• 

  Pink Pixel Candy Nebula

• 

  Pink Pixel Cloudwerx Lab

• 

  Pink Pixel Electric Sugarstorm

• 

  Pink Pixel Hyper Noir Contrast

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.activeBorder#8ed8ff
• activityBar.background#0d1218
• activityBar.border#1a2532
• activityBar.foreground#eaf6ff
• activityBarBadge.background#8ed8ff
• activityBarBadge.foreground#0d1218
• badge.background#8ed8ff
• badge.foreground#041018
• button.background#8ed8ff
• button.foreground#041018
• button.hoverBackground#b6ecff
• chat.commandInputBackground#0f141a
• chat.commandInputBorder#8ed8ff80
• chat.requestBackground#182330
• chat.responseBackground#10161d
• chat.slashCommandBackground#234059
• chatAvatar.userBackground#8ed8ff
• chatAvatar.userForeground#041018
• dropdown.background#182330
• dropdown.border#8ed8ff80
• editor.background#0f141a
• editor.foreground#eaf6ff
• editor.inactiveSelectionBackground#162838
• editor.lineHighlightBackground#17212d
• editor.selectionBackground#1f3b52
• editorCursor.foreground#8ed8ff
• editorGroup.border#1a2532
• editorGroupHeader.noTabsBackground#0f141a
• editorGroupHeader.tabsBackground#0f141a
• editorLineNumber.activeForeground#cfefff
• editorLineNumber.foreground#58738a
• editorWhitespace.foreground#273645
• focusBorder#8ed8ff80
• input.background#182330
• input.border#8ed8ff80
• input.foreground#f3fbff
• input.placeholderForeground#b7d2e4
• list.activeSelectionBackground#234059
• list.activeSelectionForeground#f3fbff
• list.dropBackground#8ed8ff33
• list.focusBackground#244762
• list.hoverBackground#1d2e40
• list.inactiveSelectionBackground#182f42
• menu.background#151e29
• menu.foreground#eaf6ff
• menu.selectionBackground#234059
• menubar.selectionBackground#234059aa
• panel.background#151e29
• panel.border#1a2532
• panelTitle.activeForeground#f3fbff
• panelTitle.inactiveForeground#a4cbe3
• peekView.border#8ed8ff
• peekViewEditor.background#0f141a
• peekViewResult.background#121923
• selection.background#1f3b52
• sideBar.background#121923
• sideBar.border#1a2532
• sideBar.foreground#deefff
• sideBarSectionHeader.background#182330
• sideBarSectionHeader.border#1a2532
• sideBarSectionHeader.foreground#deefff
• sideBarTitle.foreground#deefff
• statusBar.background#121923
• statusBar.border#1a2532
• statusBar.debuggingBackground#4fb0ff
• statusBar.debuggingForeground#041018
• statusBar.foreground#f3fbff
• tab.activeBackground#182330
• tab.activeForeground#f3fbff
• tab.border#1a2532
• tab.inactiveBackground#0d1218
• tab.inactiveForeground#9dc6de
• terminal.ansiBlack#10161d
• terminal.ansiBlue#4aa2ff
• terminal.ansiBrightBlack#182330
• terminal.ansiBrightBlue#7cd0ff
• terminal.ansiBrightCyan#8ef6ff
• terminal.ansiBrightGreen#b5ffe1
• terminal.ansiBrightMagenta#c8d3ff
• terminal.ansiBrightRed#ffa6b7
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ffefc8
• terminal.ansiCyan#5fe1ff
• terminal.ansiGreen#7effc7
• terminal.ansiMagenta#9ab3ff
• terminal.ansiRed#ff7c9c
• terminal.ansiWhite#f3fbff
• terminal.ansiYellow#ffdf9b
• terminal.background#10161d
• terminal.foreground#eaf6ff
• terminalCursor.foreground#8ed8ff
• titleBar.activeBackground#121923
• titleBar.activeForeground#f3fbff
• titleBar.border#1a2532
• titleBar.inactiveBackground#121923
• titleBar.inactiveForeground#b7d2e4
• tree.indentGuidesStroke#2a4256

tokenColors

TextMate scopes and font styles (syntax highlighting rules).