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#eef0f1
- activityBar.border#dcdfe1
- activityBar.foreground#23272b
- activityBar.inactiveForeground#666c72
- activityBarBadge.background#3a4650
- activityBarBadge.foreground#f8f9fa
- agents.background#eef0f1
- agentsPanel.background#f8f9fa
- agentsPanel.border#dcdfe1
- agentsPanel.foreground#23272b
- badge.background#3a4650
- badge.foreground#f8f9fa
- button.background#3a4650
- button.foreground#f8f9fa
- descriptionForeground#4b5157
- diffEditor.insertedTextBackground#35737622
- diffEditor.removedTextBackground#86413722
- dropdown.background#f8f9fa
- dropdown.border#dcdfe1
- dropdown.foreground#23272b
- editor.background#f8f9fa
- editor.foreground#23272b
- editor.lineHighlightBackground#e9ecee
- editor.lineHighlightBorder#e9ecee
- editor.selectionBackground#dde1e4
- editor.selectionHighlightBackground#dde1e480
- editorBracketMatch.background#dde1e480
- editorBracketMatch.border#666c72
- editorCursor.foreground#23272b
- editorError.foreground#864137
- editorGroup.border#dcdfe1
- editorGroupHeader.tabsBackground#eef0f1
- editorGroupHeader.tabsBorder#dcdfe1
- editorGutter.addedBackground#357376
- editorGutter.deletedBackground#864137
- editorGutter.modifiedBackground#3a4650
- editorHoverWidget.background#eef0f1
- editorHoverWidget.border#dcdfe1
- editorIndentGuide.activeBackground1#666c72
- editorIndentGuide.background1#dcdfe1
- editorLineNumber.activeForeground#23272b
- editorLineNumber.foreground#4b5157
- editorRuler.foreground#dcdfe1
- editorSuggestWidget.background#eef0f1
- editorSuggestWidget.border#dcdfe1
- editorSuggestWidget.selectedBackground#dde1e4
- editorWarning.foreground#73602f
- editorWhitespace.foreground#666c72
- editorWidget.background#eef0f1
- editorWidget.border#dcdfe1
- errorForeground#864137
- focusBorder#dcdfe1
- foreground#23272b
- gitDecoration.deletedResourceForeground#864137
- gitDecoration.ignoredResourceForeground#666c72
- gitDecoration.modifiedResourceForeground#73602f
- gitDecoration.untrackedResourceForeground#357376
- icon.foreground#4b5157
- input.background#f8f9fa
- input.border#dcdfe1
- input.foreground#23272b
- input.placeholderForeground#666c72
- list.activeSelectionBackground#dde1e4
- list.activeSelectionForeground#23272b
- list.highlightForeground#3a4650
- list.hoverBackground#e9ecee
- list.inactiveSelectionBackground#e9ecee
- panel.background#f8f9fa
- panel.border#dcdfe1
- panelTitle.activeBorder#3a4650
- panelTitle.activeForeground#23272b
- panelTitle.inactiveForeground#666c72
- scrollbarSlider.activeBackground#4b515788
- scrollbarSlider.background#666c7255
- scrollbarSlider.hoverBackground#666c7288
- selection.background#dde1e4
- sideBar.background#eef0f1
- sideBar.border#dcdfe1
- sideBar.foreground#4b5157
- sideBarSectionHeader.background#eef0f1
- sideBarSectionHeader.border#dcdfe1
- sideBarSectionHeader.foreground#23272b
- sideBarTitle.foreground#23272b
- statusBar.background#f8f9fa
- statusBar.border#dcdfe1
- statusBar.debuggingBackground#73602f
- statusBar.debuggingForeground#f8f9fa
- statusBar.foreground#4b5157
- statusBar.noFolderBackground#f8f9fa
- tab.activeBackground#f8f9fa
- tab.activeBorder#3a4650
- tab.activeForeground#23272b
- tab.border#dcdfe1
- tab.inactiveBackground#eef0f1
- tab.inactiveForeground#4b5157
- terminal.ansiBlack#23272b
- terminal.ansiBlue#3a4650
- terminal.ansiBrightBlack#4b5157
- terminal.ansiBrightBlue#3a4650
- terminal.ansiBrightCyan#3a6ea5
- terminal.ansiBrightGreen#357376
- terminal.ansiBrightMagenta#2f3a44
- terminal.ansiBrightRed#864137
- terminal.ansiBrightWhite#f8f9fa
- terminal.ansiBrightYellow#73602f
- terminal.ansiCyan#3a6ea5
- terminal.ansiGreen#3a6ea5
- terminal.ansiMagenta#2f3a44
- terminal.ansiRed#55606a
- terminal.ansiWhite#666c72
- terminal.ansiYellow#2f4a63
- terminal.background#f8f9fa
- terminal.foreground#23272b
- terminal.selectionBackground#dde1e4
- terminalCursor.foreground#23272b
- titleBar.activeBackground#eef0f1
- titleBar.activeForeground#23272b
- titleBar.border#dcdfe1
- titleBar.inactiveBackground#eef0f1
- titleBar.inactiveForeground#666c72
- widget.border#dcdfe1
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage | #2f4a63 | — |
| string | #3a6ea5 | — |
| entity.name.function, support.function | #3a4650 | — |
| constant.numeric, constant.language | #55606a | — |
| entity.name.type, entity.name.class, support.type | #2f3a44 | — |
| support, variable.language, constant.other.symbol | #3a6ea5 | — |
| punctuation, keyword.operator | #666c73 | — |
| comment | #666c72 | italic |