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#e5f1f2
- activityBar.border#cfe2e4
- activityBar.foreground#24333a
- activityBar.inactiveForeground#566f75
- activityBarBadge.background#29629b
- activityBarBadge.foreground#f4fafb
- agents.background#e5f1f2
- agentsPanel.background#f4fafb
- agentsPanel.border#cfe2e4
- agentsPanel.foreground#24333a
- badge.background#29629b
- badge.foreground#f4fafb
- button.background#29629b
- button.foreground#f4fafb
- descriptionForeground#4f6169
- diffEditor.insertedTextBackground#26775522
- diffEditor.removedTextBackground#8e3a2d22
- dropdown.background#f4fafb
- dropdown.border#cfe2e4
- dropdown.foreground#24333a
- editor.background#f4fafb
- editor.foreground#24333a
- editor.lineHighlightBackground#ecf5f6
- editor.lineHighlightBorder#ecf5f6
- editor.selectionBackground#d0e6e8
- editor.selectionHighlightBackground#d0e6e880
- editorBracketMatch.background#d0e6e880
- editorBracketMatch.border#566f75
- editorCursor.foreground#24333a
- editorError.foreground#8e3a2d
- editorGroup.border#cfe2e4
- editorGroupHeader.tabsBackground#e5f1f2
- editorGroupHeader.tabsBorder#cfe2e4
- editorGutter.addedBackground#267755
- editorGutter.deletedBackground#8e3a2d
- editorGutter.modifiedBackground#29629b
- editorHoverWidget.background#e5f1f2
- editorHoverWidget.border#cfe2e4
- editorIndentGuide.activeBackground1#566f75
- editorIndentGuide.background1#cfe2e4
- editorLineNumber.activeForeground#24333a
- editorLineNumber.foreground#4f6169
- editorRuler.foreground#cfe2e4
- editorSuggestWidget.background#e5f1f2
- editorSuggestWidget.border#cfe2e4
- editorSuggestWidget.selectedBackground#d0e6e8
- editorWarning.foreground#7e5b28
- editorWhitespace.foreground#566f75
- editorWidget.background#e5f1f2
- editorWidget.border#cfe2e4
- errorForeground#8e3a2d
- focusBorder#cfe2e4
- foreground#24333a
- gitDecoration.deletedResourceForeground#8e3a2d
- gitDecoration.ignoredResourceForeground#566f75
- gitDecoration.modifiedResourceForeground#7e5b28
- gitDecoration.untrackedResourceForeground#267755
- icon.foreground#4f6169
- input.background#f4fafb
- input.border#cfe2e4
- input.foreground#24333a
- input.placeholderForeground#566f75
- list.activeSelectionBackground#d0e6e8
- list.activeSelectionForeground#24333a
- list.highlightForeground#29629b
- list.hoverBackground#ecf5f6
- list.inactiveSelectionBackground#ecf5f6
- panel.background#f4fafb
- panel.border#cfe2e4
- panelTitle.activeBorder#29629b
- panelTitle.activeForeground#24333a
- panelTitle.inactiveForeground#566f75
- scrollbarSlider.activeBackground#4f616988
- scrollbarSlider.background#566f7555
- scrollbarSlider.hoverBackground#566f7588
- selection.background#d0e6e8
- sideBar.background#e5f1f2
- sideBar.border#cfe2e4
- sideBar.foreground#4f6169
- sideBarSectionHeader.background#e5f1f2
- sideBarSectionHeader.border#cfe2e4
- sideBarSectionHeader.foreground#24333a
- sideBarTitle.foreground#24333a
- statusBar.background#f4fafb
- statusBar.border#cfe2e4
- statusBar.debuggingBackground#7e5b28
- statusBar.debuggingForeground#f4fafb
- statusBar.foreground#4f6169
- statusBar.noFolderBackground#f4fafb
- tab.activeBackground#f4fafb
- tab.activeBorder#29629b
- tab.activeForeground#24333a
- tab.border#cfe2e4
- tab.inactiveBackground#e5f1f2
- tab.inactiveForeground#4f6169
- terminal.ansiBlack#24333a
- terminal.ansiBlue#29629b
- terminal.ansiBrightBlack#4f6169
- terminal.ansiBrightBlue#29629b
- terminal.ansiBrightCyan#9a5c29
- terminal.ansiBrightGreen#267755
- terminal.ansiBrightMagenta#7a5aa8
- terminal.ansiBrightRed#8e3a2d
- terminal.ansiBrightWhite#f4fafb
- terminal.ansiBrightYellow#7e5b28
- terminal.ansiCyan#9a5c29
- terminal.ansiGreen#37774e
- terminal.ansiMagenta#7a5aa8
- terminal.ansiRed#b34843
- terminal.ansiWhite#566f75
- terminal.ansiYellow#0e748f
- terminal.background#f4fafb
- terminal.foreground#24333a
- terminal.selectionBackground#d0e6e8
- terminalCursor.foreground#24333a
- titleBar.activeBackground#e5f1f2
- titleBar.activeForeground#24333a
- titleBar.border#cfe2e4
- titleBar.inactiveBackground#e5f1f2
- titleBar.inactiveForeground#566f75
- widget.border#cfe2e4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage | #0e748f | — |
| string | #37774e | — |
| entity.name.function, support.function | #29629b | — |
| constant.numeric, constant.language | #b34843 | — |
| entity.name.type, entity.name.class, support.type | #7a5aa8 | — |
| support, variable.language, constant.other.symbol | #9a5c29 | — |
| punctuation, keyword.operator | #5c6d76 | — |
| comment | #566f75 | italic |