Candy Breeze Theme

Color themes

• 

  Candy Breeze Dark

• 

  Candy Breeze Light

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#F4C9DF
• activityBar.background#493544
• activityBar.foreground#F4C9DF
• activityBar.inactiveForeground#AAA1B8
• activityBarBadge.background#F4C9DF
• activityBarBadge.foreground#454052
• badge.background#F4C9DF
• badge.foreground#454052
• button.background#F4C9DF
• button.foreground#454052
• button.hoverBackground#EFBBD5
• descriptionForeground#AAA1B8
• dropdown.background#293742
• dropdown.border#51465E
• dropdown.foreground#F3EAF2
• editor.background#292633
• editor.findMatchBackground#68633C
• editor.findMatchHighlightBackground#68633C66
• editor.foreground#F3EAF2
• editor.inactiveSelectionBackground#55425799
• editor.lineHighlightBackground#51465E33
• editor.selectionBackground#554257
• editorBracketMatch.background#554257
• editorBracketMatch.border#F4C9DF
• editorCursor.foreground#F4C9DF
• editorError.foreground#F3A8B5
• editorGroupHeader.tabsBackground#293742
• editorHoverWidget.background#293742
• editorHoverWidget.border#51465E
• editorHoverWidget.foreground#F3EAF2
• editorIndentGuide.activeBackground1#AAA1B8
• editorIndentGuide.background1#51465E66
• editorInfo.foreground#CFECF3
• editorLineNumber.activeForeground#F4C9DF
• editorLineNumber.foreground#AAA1B8
• editorSuggestWidget.background#293742
• editorSuggestWidget.border#51465E
• editorSuggestWidget.foreground#F3EAF2
• editorSuggestWidget.selectedBackground#554257
• editorWarning.foreground#F6FFDC
• editorWhitespace.foreground#51465E
• editorWidget.background#293742
• editorWidget.border#51465E
• editorWidget.foreground#F3EAF2
• errorForeground#F3A8B5
• focusBorder#F4C9DF
• foreground#F3EAF2
• gitDecoration.addedResourceForeground#DAF9DE
• gitDecoration.deletedResourceForeground#F3A8B5
• gitDecoration.modifiedResourceForeground#CFECF3
• input.background#293742
• input.border#51465E
• input.foreground#F3EAF2
• input.placeholderForeground#AAA1B8
• list.activeSelectionBackground#554257
• list.activeSelectionForeground#F3EAF2
• list.highlightForeground#F4C9DF
• list.hoverBackground#51465E44
• list.inactiveSelectionBackground#55425799
• list.inactiveSelectionForeground#F3EAF2
• notifications.background#293742
• notifications.border#51465E
• notifications.foreground#F3EAF2
• panel.background#293742
• panel.border#51465E
• panel.foreground#F3EAF2
• quickInput.background#293742
• quickInput.foreground#F3EAF2
• scrollbarSlider.background#51465E88
• scrollbarSlider.hoverBackground#51465EBB
• selection.background#554257
• sideBar.background#293742
• sideBar.border#51465E
• sideBar.foreground#F3EAF2
• statusBar.background#303E49
• statusBar.debuggingBackground#F4C9DF
• statusBar.debuggingForeground#454052
• statusBar.foreground#F3EAF2
• statusBar.noFolderBackground#303E49
• statusBar.noFolderForeground#F3EAF2
• tab.activeBackground#292633
• tab.activeBorderTop#F4C9DF
• tab.activeForeground#F3EAF2
• tab.border#51465E
• tab.inactiveBackground#293742
• tab.inactiveForeground#AAA1B8
• terminal.ansiBlack#F3EAF2
• terminal.ansiBlue#CFECF3
• terminal.ansiBrightBlack#AAA1B8
• terminal.ansiBrightBlue#CFECF3
• terminal.ansiBrightCyan#CFECF3
• terminal.ansiBrightGreen#DAF9DE
• terminal.ansiBrightMagenta#D7BDF2
• terminal.ansiBrightRed#F3A8B5
• terminal.ansiBrightWhite#F3EAF2
• terminal.ansiBrightYellow#F6FFDC
• terminal.ansiCyan#CFECF3
• terminal.ansiGreen#DAF9DE
• terminal.ansiMagenta#D7BDF2
• terminal.ansiRed#F3A8B5
• terminal.ansiWhite#AAA1B8
• terminal.ansiYellow#F6FFDC
• terminal.background#292633
• terminal.foreground#F3EAF2
• textLink.activeForeground#F4C9DF
• textLink.foreground#F4C9DF
• titleBar.activeBackground#303E49
• titleBar.activeForeground#F3EAF2
• titleBar.inactiveBackground#293742
• titleBar.inactiveForeground#AAA1B8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).