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#edf1e9
- activityBar.border#d9dfd0
- activityBar.foreground#2c322a
- activityBar.inactiveForeground#656e5c
- activityBarBadge.background#2d7766
- activityBarBadge.foreground#f6f9f2
- agents.background#edf1e9
- agentsPanel.background#f6f9f2
- agentsPanel.border#d9dfd0
- agentsPanel.foreground#2c322a
- badge.background#2d7766
- badge.foreground#f6f9f2
- button.background#2d7766
- button.foreground#f6f9f2
- descriptionForeground#565d51
- diffEditor.insertedTextBackground#31747722
- diffEditor.removedTextBackground#85413722
- dropdown.background#f6f9f2
- dropdown.border#d9dfd0
- dropdown.foreground#2c322a
- editor.background#f6f9f2
- editor.foreground#2c322a
- editor.lineHighlightBackground#f0f4ea
- editor.lineHighlightBorder#f0f4ea
- editor.selectionBackground#dde6cf
- editor.selectionHighlightBackground#dde6cf80
- editorBracketMatch.background#dde6cf80
- editorBracketMatch.border#656e5c
- editorCursor.foreground#2c322a
- editorError.foreground#854137
- editorGroup.border#d9dfd0
- editorGroupHeader.tabsBackground#edf1e9
- editorGroupHeader.tabsBorder#d9dfd0
- editorGutter.addedBackground#317477
- editorGutter.deletedBackground#854137
- editorGutter.modifiedBackground#2d7766
- editorHoverWidget.background#edf1e9
- editorHoverWidget.border#d9dfd0
- editorIndentGuide.activeBackground1#656e5c
- editorIndentGuide.background1#d9dfd0
- editorLineNumber.activeForeground#2c322a
- editorLineNumber.foreground#565d51
- editorRuler.foreground#d9dfd0
- editorSuggestWidget.background#edf1e9
- editorSuggestWidget.border#d9dfd0
- editorSuggestWidget.selectedBackground#dde6cf
- editorWarning.foreground#775e31
- editorWhitespace.foreground#656e5c
- editorWidget.background#edf1e9
- editorWidget.border#d9dfd0
- errorForeground#854137
- focusBorder#d9dfd0
- foreground#2c322a
- gitDecoration.deletedResourceForeground#854137
- gitDecoration.ignoredResourceForeground#656e5c
- gitDecoration.modifiedResourceForeground#775e31
- gitDecoration.untrackedResourceForeground#317477
- icon.foreground#565d51
- input.background#f6f9f2
- input.border#d9dfd0
- input.foreground#2c322a
- input.placeholderForeground#656e5c
- list.activeSelectionBackground#dde6cf
- list.activeSelectionForeground#2c322a
- list.highlightForeground#2d7766
- list.hoverBackground#f0f4ea
- list.inactiveSelectionBackground#f0f4ea
- panel.background#f6f9f2
- panel.border#d9dfd0
- panelTitle.activeBorder#2d7766
- panelTitle.activeForeground#2c322a
- panelTitle.inactiveForeground#656e5c
- scrollbarSlider.activeBackground#565d5188
- scrollbarSlider.background#656e5c55
- scrollbarSlider.hoverBackground#656e5c88
- selection.background#dde6cf
- sideBar.background#edf1e9
- sideBar.border#d9dfd0
- sideBar.foreground#565d51
- sideBarSectionHeader.background#edf1e9
- sideBarSectionHeader.border#d9dfd0
- sideBarSectionHeader.foreground#2c322a
- sideBarTitle.foreground#2c322a
- statusBar.background#f6f9f2
- statusBar.border#d9dfd0
- statusBar.debuggingBackground#775e31
- statusBar.debuggingForeground#f6f9f2
- statusBar.foreground#565d51
- statusBar.noFolderBackground#f6f9f2
- tab.activeBackground#f6f9f2
- tab.activeBorder#2d7766
- tab.activeForeground#2c322a
- tab.border#d9dfd0
- tab.inactiveBackground#edf1e9
- tab.inactiveForeground#565d51
- terminal.ansiBlack#2c322a
- terminal.ansiBlue#2d7766
- terminal.ansiBrightBlack#565d51
- terminal.ansiBrightBlue#2d7766
- terminal.ansiBrightCyan#a15466
- terminal.ansiBrightGreen#317477
- terminal.ansiBrightMagenta#6b5aa0
- terminal.ansiBrightRed#854137
- terminal.ansiBrightWhite#f6f9f2
- terminal.ansiBrightYellow#775e31
- terminal.ansiCyan#a15466
- terminal.ansiGreen#3f6d93
- terminal.ansiMagenta#6b5aa0
- terminal.ansiRed#85662d
- terminal.ansiWhite#656e5c
- terminal.ansiYellow#a2582b
- terminal.background#f6f9f2
- terminal.foreground#2c322a
- terminal.selectionBackground#dde6cf
- terminalCursor.foreground#2c322a
- titleBar.activeBackground#edf1e9
- titleBar.activeForeground#2c322a
- titleBar.border#d9dfd0
- titleBar.inactiveBackground#edf1e9
- titleBar.inactiveForeground#656e5c
- widget.border#d9dfd0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage | #a2582b | — |
| string | #3f6d93 | — |
| entity.name.function, support.function | #2d7766 | — |
| constant.numeric, constant.language | #85662d | — |
| entity.name.type, entity.name.class, support.type | #6b5aa0 | — |
| support, variable.language, constant.other.symbol | #a15466 | — |
| punctuation, keyword.operator | #686d60 | — |
| comment | #656e5c | italic |