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#212121
- activityBar.border#3d4042
- activityBar.foreground#bfd3de
- activityBar.inactiveForeground#80898e
- activityBarBadge.background#85dcff
- activityBarBadge.foreground#2b2c2c
- agents.background#212121
- agentsPanel.background#2b2c2c
- agentsPanel.border#3d4042
- agentsPanel.foreground#bfd3de
- badge.background#85dcff
- badge.foreground#2b2c2c
- button.background#85dcff
- button.foreground#2b2c2c
- descriptionForeground#7e8990
- diffEditor.insertedTextBackground#c3e98b22
- diffEditor.removedTextBackground#ff5f5222
- dropdown.background#2b2c2c
- dropdown.border#3d4042
- dropdown.foreground#bfd3de
- editor.background#2b2c2c
- editor.foreground#bfd3de
- editor.lineHighlightBackground#313435
- editor.lineHighlightBorder#313435
- editor.selectionBackground#3a5d73
- editor.selectionHighlightBackground#3a5d7380
- editorBracketMatch.background#3a5d7380
- editorBracketMatch.border#80898e
- editorCursor.foreground#fa6300
- editorError.foreground#ff5f52
- editorGroup.border#3d4042
- editorGroupHeader.tabsBackground#212121
- editorGroupHeader.tabsBorder#3d4042
- editorGutter.addedBackground#c3e98b
- editorGutter.deletedBackground#ff5f52
- editorGutter.modifiedBackground#85dcff
- editorHoverWidget.background#212121
- editorHoverWidget.border#3d4042
- editorIndentGuide.activeBackground1#80898e
- editorIndentGuide.background1#3d4042
- editorLineNumber.activeForeground#bfd3de
- editorLineNumber.foreground#7e8990
- editorRuler.foreground#3d4042
- editorSuggestWidget.background#212121
- editorSuggestWidget.border#3d4042
- editorSuggestWidget.selectedBackground#3a5d73
- editorWarning.foreground#f2a63c
- editorWhitespace.foreground#80898e
- editorWidget.background#212121
- editorWidget.border#3d4042
- errorForeground#ff5f52
- focusBorder#3d4042
- foreground#bfd3de
- gitDecoration.deletedResourceForeground#ff5f52
- gitDecoration.ignoredResourceForeground#80898e
- gitDecoration.modifiedResourceForeground#f2a63c
- gitDecoration.untrackedResourceForeground#c3e98b
- icon.foreground#7e8990
- input.background#2b2c2c
- input.border#3d4042
- input.foreground#bfd3de
- input.placeholderForeground#80898e
- list.activeSelectionBackground#3a5d73
- list.activeSelectionForeground#bfd3de
- list.highlightForeground#85dcff
- list.hoverBackground#313435
- list.inactiveSelectionBackground#313435
- panel.background#2b2c2c
- panel.border#3d4042
- panelTitle.activeBorder#85dcff
- panelTitle.activeForeground#bfd3de
- panelTitle.inactiveForeground#80898e
- scrollbarSlider.activeBackground#7e899088
- scrollbarSlider.background#80898e55
- scrollbarSlider.hoverBackground#80898e88
- selection.background#3a5d73
- sideBar.background#212121
- sideBar.border#3d4042
- sideBar.foreground#7e8990
- sideBarSectionHeader.background#212121
- sideBarSectionHeader.border#3d4042
- sideBarSectionHeader.foreground#bfd3de
- sideBarTitle.foreground#bfd3de
- statusBar.background#2b2c2c
- statusBar.border#3d4042
- statusBar.debuggingBackground#f2a63c
- statusBar.debuggingForeground#2b2c2c
- statusBar.foreground#7e8990
- statusBar.noFolderBackground#2b2c2c
- tab.activeBackground#2b2c2c
- tab.activeBorder#85dcff
- tab.activeForeground#bfd3de
- tab.border#3d4042
- tab.inactiveBackground#212121
- tab.inactiveForeground#7e8990
- terminal.ansiBlack#bfd3de
- terminal.ansiBlue#85dcff
- terminal.ansiBrightBlack#7e8990
- terminal.ansiBrightBlue#85dcff
- terminal.ansiBrightCyan#7dc9c2
- terminal.ansiBrightGreen#c3e98b
- terminal.ansiBrightMagenta#c78eec
- terminal.ansiBrightRed#ff5f52
- terminal.ansiBrightWhite#2b2c2c
- terminal.ansiBrightYellow#f2a63c
- terminal.ansiCyan#7dc9c2
- terminal.ansiGreen#c3e98b
- terminal.ansiMagenta#c78eec
- terminal.ansiRed#ff526f
- terminal.ansiWhite#80898e
- terminal.ansiYellow#ffcb61
- terminal.background#2b2c2c
- terminal.foreground#bfd3de
- terminal.selectionBackground#3a5d73
- terminalCursor.foreground#fa6300
- titleBar.activeBackground#212121
- titleBar.activeForeground#bfd3de
- titleBar.border#3d4042
- titleBar.inactiveBackground#212121
- titleBar.inactiveForeground#80898e
- widget.border#3d4042
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage | #ffcb61 | — |
| string | #c3e98b | — |
| entity.name.function, support.function | #85dcff | — |
| constant.numeric, constant.language | #ff526f | — |
| entity.name.type, entity.name.class, support.type | #c78eec | — |
| support, variable.language, constant.other.symbol | #7dc9c2 | — |
| punctuation, keyword.operator | #bfd3de | — |
| comment | #80898e | italic |