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#eeeefb
- activityBar.border#dcdcf0
- activityBar.foreground#2e2f3d
- activityBar.inactiveForeground#656892
- activityBarBadge.background#7a3fb0
- activityBarBadge.foreground#f8f8fe
- agents.background#eeeefb
- agentsPanel.background#f8f8fe
- agentsPanel.border#dcdcf0
- agentsPanel.foreground#2e2f3d
- badge.background#7a3fb0
- badge.foreground#f8f8fe
- button.background#7a3fb0
- button.foreground#f8f8fe
- descriptionForeground#585a6d
- diffEditor.insertedTextBackground#29757222
- diffEditor.removedTextBackground#8b3d3022
- dropdown.background#f8f8fe
- dropdown.border#dcdcf0
- dropdown.foreground#2e2f3d
- editor.background#f8f8fe
- editor.foreground#2e2f3d
- editor.lineHighlightBackground#eaeaf8
- editor.lineHighlightBorder#eaeaf8
- editor.selectionBackground#dedef3
- editor.selectionHighlightBackground#dedef380
- editorBracketMatch.background#dedef380
- editorBracketMatch.border#656892
- editorCursor.foreground#2e2f3d
- editorError.foreground#8b3d30
- editorGroup.border#dcdcf0
- editorGroupHeader.tabsBackground#eeeefb
- editorGroupHeader.tabsBorder#dcdcf0
- editorGutter.addedBackground#297572
- editorGutter.deletedBackground#8b3d30
- editorGutter.modifiedBackground#7a3fb0
- editorHoverWidget.background#eeeefb
- editorHoverWidget.border#dcdcf0
- editorIndentGuide.activeBackground1#656892
- editorIndentGuide.background1#dcdcf0
- editorLineNumber.activeForeground#2e2f3d
- editorLineNumber.foreground#585a6d
- editorRuler.foreground#dcdcf0
- editorSuggestWidget.background#eeeefb
- editorSuggestWidget.border#dcdcf0
- editorSuggestWidget.selectedBackground#dedef3
- editorWarning.foreground#7d5c2c
- editorWhitespace.foreground#656892
- editorWidget.background#eeeefb
- editorWidget.border#dcdcf0
- errorForeground#8b3d30
- focusBorder#dcdcf0
- foreground#2e2f3d
- gitDecoration.deletedResourceForeground#8b3d30
- gitDecoration.ignoredResourceForeground#656892
- gitDecoration.modifiedResourceForeground#7d5c2c
- gitDecoration.untrackedResourceForeground#297572
- icon.foreground#585a6d
- input.background#f8f8fe
- input.border#dcdcf0
- input.foreground#2e2f3d
- input.placeholderForeground#656892
- list.activeSelectionBackground#dedef3
- list.activeSelectionForeground#2e2f3d
- list.highlightForeground#7a3fb0
- list.hoverBackground#eaeaf8
- list.inactiveSelectionBackground#eaeaf8
- panel.background#f8f8fe
- panel.border#dcdcf0
- panelTitle.activeBorder#7a3fb0
- panelTitle.activeForeground#2e2f3d
- panelTitle.inactiveForeground#656892
- scrollbarSlider.activeBackground#585a6d88
- scrollbarSlider.background#65689255
- scrollbarSlider.hoverBackground#65689288
- selection.background#dedef3
- sideBar.background#eeeefb
- sideBar.border#dcdcf0
- sideBar.foreground#585a6d
- sideBarSectionHeader.background#eeeefb
- sideBarSectionHeader.border#dcdcf0
- sideBarSectionHeader.foreground#2e2f3d
- sideBarTitle.foreground#2e2f3d
- statusBar.background#f8f8fe
- statusBar.border#dcdcf0
- statusBar.debuggingBackground#7d5c2c
- statusBar.debuggingForeground#f8f8fe
- statusBar.foreground#585a6d
- statusBar.noFolderBackground#f8f8fe
- tab.activeBackground#f8f8fe
- tab.activeBorder#7a3fb0
- tab.activeForeground#2e2f3d
- tab.border#dcdcf0
- tab.inactiveBackground#eeeefb
- tab.inactiveForeground#585a6d
- terminal.ansiBlack#2e2f3d
- terminal.ansiBlue#7a3fb0
- terminal.ansiBrightBlack#585a6d
- terminal.ansiBrightBlue#7a3fb0
- terminal.ansiBrightCyan#9a5c29
- terminal.ansiBrightGreen#297572
- terminal.ansiBrightMagenta#287673
- terminal.ansiBrightRed#8b3d30
- terminal.ansiBrightWhite#f8f8fe
- terminal.ansiBrightYellow#7d5c2c
- terminal.ansiCyan#9a5c29
- terminal.ansiGreen#3c6f97
- terminal.ansiMagenta#287673
- terminal.ansiRed#b34467
- terminal.ansiWhite#656892
- terminal.ansiYellow#5a4fc0
- terminal.background#f8f8fe
- terminal.foreground#2e2f3d
- terminal.selectionBackground#dedef3
- terminalCursor.foreground#2e2f3d
- titleBar.activeBackground#eeeefb
- titleBar.activeForeground#2e2f3d
- titleBar.border#dcdcf0
- titleBar.inactiveBackground#eeeefb
- titleBar.inactiveForeground#656892
- widget.border#dcdcf0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage | #5a4fc0 | — |
| string | #3c6f97 | — |
| entity.name.function, support.function | #7a3fb0 | — |
| constant.numeric, constant.language | #b34467 | — |
| entity.name.type, entity.name.class, support.type | #287673 | — |
| support, variable.language, constant.other.symbol | #9a5c29 | — |
| punctuation, keyword.operator | #686a7e | — |
| comment | #656892 | italic |