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#454052
• activityBar.background#F7D5E7
• activityBar.foreground#454052
• activityBar.inactiveForeground#454052
• activityBarBadge.background#A6537D
• activityBarBadge.foreground#FFFFFF
• badge.background#F4C9DF
• badge.foreground#454052
• button.background#F4C9DF
• button.foreground#454052
• button.hoverBackground#EFBBD5
• descriptionForeground#7B7084
• dropdown.background#EAF6FA
• dropdown.border#D9CADF
• dropdown.foreground#454052
• editor.background#FFF8FC
• editor.findMatchBackground#F6FFDC
• editor.findMatchHighlightBackground#F6FFDC88
• editor.foreground#454052
• editor.inactiveSelectionBackground#F1DFED99
• editor.lineHighlightBackground#D9CADF33
• editor.selectionBackground#F1DFED
• editorBracketMatch.background#F1DFED
• editorBracketMatch.border#A83E78
• editorCursor.foreground#A83E78
• editorError.foreground#AE3E59
• editorGroupHeader.tabsBackground#EAF6FA
• editorHoverWidget.background#EAF6FA
• editorHoverWidget.border#D9CADF
• editorHoverWidget.foreground#454052
• editorIndentGuide.activeBackground1#7B7084
• editorIndentGuide.background1#D9CADF66
• editorInfo.foreground#32657F
• editorLineNumber.activeForeground#A83E78
• editorLineNumber.foreground#7B7084
• editorSuggestWidget.background#EAF6FA
• editorSuggestWidget.border#D9CADF
• editorSuggestWidget.foreground#454052
• editorSuggestWidget.selectedBackground#DAF9DE
• editorWarning.foreground#805F20
• editorWhitespace.foreground#D9CADF
• editorWidget.background#EAF6FA
• editorWidget.border#D9CADF
• editorWidget.foreground#454052
• errorForeground#AE3E59
• focusBorder#A83E78
• foreground#454052
• gitDecoration.addedResourceForeground#35704F
• gitDecoration.deletedResourceForeground#AE3E59
• gitDecoration.modifiedResourceForeground#32657F
• input.background#EAF6FA
• input.border#D9CADF
• input.foreground#454052
• input.placeholderForeground#7B7084
• list.activeSelectionBackground#F1DFED
• list.activeSelectionForeground#454052
• list.highlightForeground#A83E78
• list.hoverBackground#D9CADF44
• list.inactiveSelectionBackground#F1DFED99
• list.inactiveSelectionForeground#454052
• notifications.background#EAF6FA
• notifications.border#D9CADF
• notifications.foreground#454052
• panel.background#EAF6FA
• panel.border#D9CADF
• panel.foreground#454052
• quickInput.background#EAF6FA
• quickInput.foreground#454052
• scrollbarSlider.background#D9CADF88
• scrollbarSlider.hoverBackground#D9CADFBB
• selection.background#F1DFED
• sideBar.background#EAF6FA
• sideBar.border#D9CADF
• sideBar.foreground#454052
• statusBar.background#CFECF3
• statusBar.debuggingBackground#F4C9DF
• statusBar.debuggingForeground#454052
• statusBar.foreground#454052
• statusBar.noFolderBackground#EAF6FA
• statusBar.noFolderForeground#454052
• tab.activeBackground#FFF8FC
• tab.activeBorderTop#A83E78
• tab.activeForeground#454052
• tab.border#D9CADF
• tab.inactiveBackground#EAF6FA
• tab.inactiveForeground#7B7084
• terminal.ansiBlack#454052
• terminal.ansiBlue#32657F
• terminal.ansiBrightBlack#7B7084
• terminal.ansiBrightBlue#32657F
• terminal.ansiBrightCyan#32657F
• terminal.ansiBrightGreen#35704F
• terminal.ansiBrightMagenta#77538E
• terminal.ansiBrightRed#AE3E59
• terminal.ansiBrightWhite#454052
• terminal.ansiBrightYellow#805F20
• terminal.ansiCyan#32657F
• terminal.ansiGreen#35704F
• terminal.ansiMagenta#77538E
• terminal.ansiRed#AE3E59
• terminal.ansiWhite#7B7084
• terminal.ansiYellow#805F20
• terminal.background#FFF8FC
• terminal.foreground#454052
• textLink.activeForeground#A83E78
• textLink.foreground#A83E78
• titleBar.activeBackground#EAF6FA
• titleBar.activeForeground#454052
• titleBar.inactiveBackground#FFF8FC
• titleBar.inactiveForeground#7B7084

tokenColors

TextMate scopes and font styles (syntax highlighting rules).