Chiffon Bloom Theme

Color themes

• 

  Chiffon Bloom Theme Dark

• 

  Chiffon Bloom Theme 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#667EF3
• activityBar.background#260D18
• activityBar.foreground#F1E9ED
• activityBar.inactiveForeground#A18E97
• activityBarBadge.background#667EF3
• activityBarBadge.foreground#1B1B1F
• badge.background#667EF3
• badge.foreground#1B1B1F
• button.background#667EF3
• button.foreground#1B1B1F
• button.hoverBackground#667EF3
• descriptionForeground#A18E97
• dropdown.background#3C1D2B
• dropdown.border#4B2E3B
• dropdown.foreground#F1E9ED
• editor.background#321120
• editor.findMatchBackground#52539F
• editor.findMatchHighlightBackground#52539F77
• editor.foreground#F1E9ED
• editor.inactiveSelectionBackground#41305B99
• editor.lineHighlightBackground#3F202E
• editor.selectionBackground#41305B
• editorBracketMatch.background#41305B
• editorBracketMatch.border#667EF3
• editorCursor.foreground#667EF3
• editorError.foreground#C76580
• editorGroupHeader.tabsBackground#442634
• editorHoverWidget.background#3C1D2B
• editorHoverWidget.border#4B2E3B
• editorHoverWidget.foreground#F1E9ED
• editorIndentGuide.activeBackground1#A18E97
• editorIndentGuide.background1#4B2E3B66
• editorInfo.foreground#698DE2
• editorLineNumber.activeForeground#667EF3
• editorLineNumber.foreground#A18E97
• editorSuggestWidget.background#3C1D2B
• editorSuggestWidget.border#4B2E3B
• editorSuggestWidget.foreground#F1E9ED
• editorSuggestWidget.selectedBackground#41305B
• editorWarning.foreground#A38058
• editorWhitespace.foreground#4B2E3B66
• editorWidget.background#3C1D2B
• editorWidget.border#4B2E3B
• editorWidget.foreground#F1E9ED
• errorForeground#C76580
• focusBorder#667EF3
• foreground#F1E9ED
• gitDecoration.addedResourceForeground#98A365
• gitDecoration.deletedResourceForeground#C76580
• gitDecoration.modifiedResourceForeground#688BE4
• input.background#3C1D2B
• input.border#4B2E3B
• input.foreground#F1E9ED
• input.placeholderForeground#A18E97
• list.activeSelectionBackground#41305B
• list.activeSelectionForeground#F1E9ED
• list.highlightForeground#667EF3
• list.hoverBackground#3B1C2A
• list.inactiveSelectionBackground#41305B99
• list.inactiveSelectionForeground#F1E9ED
• notifications.background#3C1D2B
• notifications.border#4B2E3B
• notifications.foreground#F1E9ED
• panel.background#3C1D2B
• panel.border#4B2E3B
• panel.foreground#F1E9ED
• quickInput.background#3C1D2B
• quickInput.foreground#F1E9ED
• scrollbarSlider.background#4B2E3B88
• scrollbarSlider.hoverBackground#4B2E3BBB
• selection.background#41305B
• sideBar.background#3C1D2B
• sideBar.border#4B2E3B
• sideBar.foreground#F1E9ED
• statusBar.background#3C1D2B
• statusBar.debuggingBackground#667EF3
• statusBar.debuggingForeground#1B1B1F
• statusBar.foreground#F1E9ED
• statusBar.noFolderBackground#3C1D2B
• statusBar.noFolderForeground#F1E9ED
• tab.activeBackground#321120
• tab.activeBorderTop#667EF3
• tab.activeForeground#F1E9ED
• tab.border#4B2E3B
• tab.inactiveBackground#442634
• tab.inactiveForeground#FFFFFF
• terminal.ansiBlack#210B15
• terminal.ansiBlue#698DE2
• terminal.ansiBrightBlack#A18E97
• terminal.ansiBrightBlue#698DE2
• terminal.ansiBrightCyan#5E9ADB
• terminal.ansiBrightGreen#98A365
• terminal.ansiBrightMagenta#A375C9
• terminal.ansiBrightRed#C76580
• terminal.ansiBrightWhite#F1E9ED
• terminal.ansiBrightYellow#A38058
• terminal.ansiCyan#5E9ADB
• terminal.ansiGreen#98A365
• terminal.ansiMagenta#A375C9
• terminal.ansiRed#C76580
• terminal.ansiWhite#A18E97
• terminal.ansiYellow#A38058
• terminal.background#321120
• terminal.foreground#F1E9ED
• textLink.activeForeground#667EF3
• textLink.foreground#667EF3
• titleBar.activeBackground#442634
• titleBar.activeForeground#F1E9ED
• titleBar.inactiveBackground#321120
• titleBar.inactiveForeground#A18E97

tokenColors

TextMate scopes and font styles (syntax highlighting rules).