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#fdeede
- activityBar.border#f2ddc6
- activityBar.foreground#3a3128
- activityBar.inactiveForeground#836647
- activityBarBadge.background#365f8f
- activityBarBadge.foreground#fff8f0
- agents.background#fdeede
- agentsPanel.background#fff8f0
- agentsPanel.border#f2ddc6
- agentsPanel.foreground#3a3128
- badge.background#365f8f
- badge.foreground#fff8f0
- button.background#365f8f
- button.foreground#fff8f0
- descriptionForeground#6b5c4c
- diffEditor.insertedTextBackground#2a785822
- diffEditor.removedTextBackground#8c3d3122
- dropdown.background#fff8f0
- dropdown.border#f2ddc6
- dropdown.foreground#3a3128
- editor.background#fff8f0
- editor.foreground#3a3128
- editor.lineHighlightBackground#fceadb
- editor.lineHighlightBorder#fceadb
- editor.selectionBackground#f7ddc4
- editor.selectionHighlightBackground#f7ddc480
- editorBracketMatch.background#f7ddc480
- editorBracketMatch.border#836647
- editorCursor.foreground#3a3128
- editorError.foreground#8c3d31
- editorGroup.border#f2ddc6
- editorGroupHeader.tabsBackground#fdeede
- editorGroupHeader.tabsBorder#f2ddc6
- editorGutter.addedBackground#2a7858
- editorGutter.deletedBackground#8c3d31
- editorGutter.modifiedBackground#365f8f
- editorHoverWidget.background#fdeede
- editorHoverWidget.border#f2ddc6
- editorIndentGuide.activeBackground1#836647
- editorIndentGuide.background1#f2ddc6
- editorLineNumber.activeForeground#3a3128
- editorLineNumber.foreground#6b5c4c
- editorRuler.foreground#f2ddc6
- editorSuggestWidget.background#fdeede
- editorSuggestWidget.border#f2ddc6
- editorSuggestWidget.selectedBackground#f7ddc4
- editorWarning.foreground#7d5d2c
- editorWhitespace.foreground#836647
- editorWidget.background#fdeede
- editorWidget.border#f2ddc6
- errorForeground#8c3d31
- focusBorder#f2ddc6
- foreground#3a3128
- gitDecoration.deletedResourceForeground#8c3d31
- gitDecoration.ignoredResourceForeground#836647
- gitDecoration.modifiedResourceForeground#7d5d2c
- gitDecoration.untrackedResourceForeground#2a7858
- icon.foreground#6b5c4c
- input.background#fff8f0
- input.border#f2ddc6
- input.foreground#3a3128
- input.placeholderForeground#836647
- list.activeSelectionBackground#f7ddc4
- list.activeSelectionForeground#3a3128
- list.highlightForeground#365f8f
- list.hoverBackground#fceadb
- list.inactiveSelectionBackground#fceadb
- panel.background#fff8f0
- panel.border#f2ddc6
- panelTitle.activeBorder#365f8f
- panelTitle.activeForeground#3a3128
- panelTitle.inactiveForeground#836647
- scrollbarSlider.activeBackground#6b5c4c88
- scrollbarSlider.background#83664755
- scrollbarSlider.hoverBackground#83664788
- selection.background#f7ddc4
- sideBar.background#fdeede
- sideBar.border#f2ddc6
- sideBar.foreground#6b5c4c
- sideBarSectionHeader.background#fdeede
- sideBarSectionHeader.border#f2ddc6
- sideBarSectionHeader.foreground#3a3128
- sideBarTitle.foreground#3a3128
- statusBar.background#fff8f0
- statusBar.border#f2ddc6
- statusBar.debuggingBackground#7d5d2c
- statusBar.debuggingForeground#fff8f0
- statusBar.foreground#6b5c4c
- statusBar.noFolderBackground#fff8f0
- tab.activeBackground#fff8f0
- tab.activeBorder#365f8f
- tab.activeForeground#3a3128
- tab.border#f2ddc6
- tab.inactiveBackground#fdeede
- tab.inactiveForeground#6b5c4c
- terminal.ansiBlack#3a3128
- terminal.ansiBlue#365f8f
- terminal.ansiBrightBlack#6b5c4c
- terminal.ansiBrightBlue#365f8f
- terminal.ansiBrightCyan#29776f
- terminal.ansiBrightGreen#2a7858
- terminal.ansiBrightMagenta#7a5aa8
- terminal.ansiBrightRed#8c3d31
- terminal.ansiBrightWhite#fff8f0
- terminal.ansiBrightYellow#7d5d2c
- terminal.ansiCyan#29776f
- terminal.ansiGreen#67712c
- terminal.ansiMagenta#7a5aa8
- terminal.ansiRed#b03e6a
- terminal.ansiWhite#836647
- terminal.ansiYellow#ac521d
- terminal.background#fff8f0
- terminal.foreground#3a3128
- terminal.selectionBackground#f7ddc4
- terminalCursor.foreground#3a3128
- titleBar.activeBackground#fdeede
- titleBar.activeForeground#3a3128
- titleBar.border#f2ddc6
- titleBar.inactiveBackground#fdeede
- titleBar.inactiveForeground#836647
- widget.border#f2ddc6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage | #ac521d | — |
| string | #67712c | — |
| entity.name.function, support.function | #365f8f | — |
| constant.numeric, constant.language | #b03e6a | — |
| entity.name.type, entity.name.class, support.type | #7a5aa8 | — |
| support, variable.language, constant.other.symbol | #29776f | — |
| punctuation, keyword.operator | #796958 | — |
| comment | #836647 | italic |