Candela Themes
Publisher: CandelaThemes in package: 16
Color themes tuned for long, comfortable coding sessions — low-glare backgrounds, desaturated accents, and WCAG-AA contrast throughout, with the same palette across your editor and terminal.
Color themes
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#f6efd8
- activityBar.border#e6dcc0
- activityBar.foreground#33362c
- activityBar.inactiveForeground#706b54
- activityBarBadge.background#1f6fa8
- activityBarBadge.foreground#fbf6e6
- agents.background#f6efd8
- agentsPanel.background#fbf6e6
- agentsPanel.border#e6dcc0
- agentsPanel.foreground#33362c
- badge.background#1f6fa8
- badge.foreground#fbf6e6
- button.background#1f6fa8
- button.foreground#fbf6e6
- descriptionForeground#5c5f52
- diffEditor.insertedTextBackground#23775422
- diffEditor.removedTextBackground#87402222
- dropdown.background#fbf6e6
- dropdown.border#e6dcc0
- dropdown.foreground#33362c
- editor.background#fbf6e6
- editor.foreground#33362c
- editor.lineHighlightBackground#f1e9cd
- editor.lineHighlightBorder#f1e9cd
- editor.selectionBackground#e9dfbf
- editor.selectionHighlightBackground#e9dfbf80
- editorBracketMatch.background#e9dfbf80
- editorBracketMatch.border#706b54
- editorCursor.foreground#33362c
- editorError.foreground#874022
- editorGroup.border#e6dcc0
- editorGroupHeader.tabsBackground#f6efd8
- editorGroupHeader.tabsBorder#e6dcc0
- editorGutter.addedBackground#237754
- editorGutter.deletedBackground#874022
- editorGutter.modifiedBackground#1f6fa8
- editorHoverWidget.background#f6efd8
- editorHoverWidget.border#e6dcc0
- editorIndentGuide.activeBackground1#706b54
- editorIndentGuide.background1#e6dcc0
- editorLineNumber.activeForeground#33362c
- editorLineNumber.foreground#5c5f52
- editorRuler.foreground#e6dcc0
- editorSuggestWidget.background#f6efd8
- editorSuggestWidget.border#e6dcc0
- editorSuggestWidget.selectedBackground#e9dfbf
- editorWarning.foreground#805b20
- editorWhitespace.foreground#706b54
- editorWidget.background#f6efd8
- editorWidget.border#e6dcc0
- errorForeground#874022
- focusBorder#e6dcc0
- foreground#33362c
- gitDecoration.deletedResourceForeground#874022
- gitDecoration.ignoredResourceForeground#706b54
- gitDecoration.modifiedResourceForeground#805b20
- gitDecoration.untrackedResourceForeground#237754
- icon.foreground#5c5f52
- input.background#fbf6e6
- input.border#e6dcc0
- input.foreground#33362c
- input.placeholderForeground#706b54
- list.activeSelectionBackground#e9dfbf
- list.activeSelectionForeground#33362c
- list.highlightForeground#1f6fa8
- list.hoverBackground#f1e9cd
- list.inactiveSelectionBackground#f1e9cd
- panel.background#fbf6e6
- panel.border#e6dcc0
- panelTitle.activeBorder#1f6fa8
- panelTitle.activeForeground#33362c
- panelTitle.inactiveForeground#706b54
- scrollbarSlider.activeBackground#5c5f5288
- scrollbarSlider.background#706b5455
- scrollbarSlider.hoverBackground#706b5488
- selection.background#e9dfbf
- sideBar.background#f6efd8
- sideBar.border#e6dcc0
- sideBar.foreground#5c5f52
- sideBarSectionHeader.background#f6efd8
- sideBarSectionHeader.border#e6dcc0
- sideBarSectionHeader.foreground#33362c
- sideBarTitle.foreground#33362c
- statusBar.background#fbf6e6
- statusBar.border#e6dcc0
- statusBar.debuggingBackground#805b20
- statusBar.debuggingForeground#fbf6e6
- statusBar.foreground#5c5f52
- statusBar.noFolderBackground#fbf6e6
- tab.activeBackground#fbf6e6
- tab.activeBorder#1f6fa8
- tab.activeForeground#33362c
- tab.border#e6dcc0
- tab.inactiveBackground#f6efd8
- tab.inactiveForeground#5c5f52
- terminal.ansiBlack#33362c
- terminal.ansiBlue#1f6fa8
- terminal.ansiBrightBlack#5c5f52
- terminal.ansiBrightBlue#1f6fa8
- terminal.ansiBrightCyan#1a776f
- terminal.ansiBrightGreen#237754
- terminal.ansiBrightMagenta#5257a8
- terminal.ansiBrightRed#874022
- terminal.ansiBrightWhite#fbf6e6
- terminal.ansiBrightYellow#805b20
- terminal.ansiCyan#1a776f
- terminal.ansiGreen#5f7300
- terminal.ansiMagenta#5257a8
- terminal.ansiRed#b02a68
- terminal.ansiWhite#706b54
- terminal.ansiYellow#b7420f
- terminal.background#fbf6e6
- terminal.foreground#33362c
- terminal.selectionBackground#e9dfbf
- terminalCursor.foreground#33362c
- titleBar.activeBackground#f6efd8
- titleBar.activeForeground#33362c
- titleBar.border#e6dcc0
- titleBar.inactiveBackground#f6efd8
- titleBar.inactiveForeground#706b54
- widget.border#e6dcc0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage | #b7420f | — |
| string | #5f7300 | — |
| entity.name.function, support.function | #1f6fa8 | — |
| constant.numeric, constant.language | #b02a68 | — |
| entity.name.type, entity.name.class, support.type | #5257a8 | — |
| support, variable.language, constant.other.symbol | #1a776f | — |
| punctuation, keyword.operator | #6a6d5c | — |
| comment | #706b54 | italic |