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#eef0f0
- activityBar.border#d8dede
- activityBar.foreground#222831
- activityBar.inactiveForeground#636d74
- activityBarBadge.background#b0402f
- activityBarBadge.foreground#f8fafa
- agents.background#eef0f0
- agentsPanel.background#f8fafa
- agentsPanel.border#d8dede
- agentsPanel.foreground#222831
- badge.background#b0402f
- badge.foreground#f8fafa
- button.background#b0402f
- button.foreground#f8fafa
- descriptionForeground#4c545d
- diffEditor.insertedTextBackground#23785522
- diffEditor.removedTextBackground#96342522
- dropdown.background#f8fafa
- dropdown.border#d8dede
- dropdown.foreground#222831
- editor.background#f8fafa
- editor.foreground#222831
- editor.lineHighlightBackground#e9eded
- editor.lineHighlightBorder#e9eded
- editor.selectionBackground#dbe3e3
- editor.selectionHighlightBackground#dbe3e380
- editorBracketMatch.background#dbe3e380
- editorBracketMatch.border#636d74
- editorCursor.foreground#222831
- editorError.foreground#963425
- editorGroup.border#d8dede
- editorGroupHeader.tabsBackground#eef0f0
- editorGroupHeader.tabsBorder#d8dede
- editorGutter.addedBackground#237855
- editorGutter.deletedBackground#963425
- editorGutter.modifiedBackground#b0402f
- editorHoverWidget.background#eef0f0
- editorHoverWidget.border#d8dede
- editorIndentGuide.activeBackground1#636d74
- editorIndentGuide.background1#d8dede
- editorLineNumber.activeForeground#222831
- editorLineNumber.foreground#4c545d
- editorRuler.foreground#d8dede
- editorSuggestWidget.background#eef0f0
- editorSuggestWidget.border#d8dede
- editorSuggestWidget.selectedBackground#dbe3e3
- editorWarning.foreground#815b20
- editorWhitespace.foreground#636d74
- editorWidget.background#eef0f0
- editorWidget.border#d8dede
- errorForeground#963425
- focusBorder#d8dede
- foreground#222831
- gitDecoration.deletedResourceForeground#963425
- gitDecoration.ignoredResourceForeground#636d74
- gitDecoration.modifiedResourceForeground#815b20
- gitDecoration.untrackedResourceForeground#237855
- icon.foreground#4c545d
- input.background#f8fafa
- input.border#d8dede
- input.foreground#222831
- input.placeholderForeground#636d74
- list.activeSelectionBackground#dbe3e3
- list.activeSelectionForeground#222831
- list.highlightForeground#b0402f
- list.hoverBackground#e9eded
- list.inactiveSelectionBackground#e9eded
- panel.background#f8fafa
- panel.border#d8dede
- panelTitle.activeBorder#b0402f
- panelTitle.activeForeground#222831
- panelTitle.inactiveForeground#636d74
- scrollbarSlider.activeBackground#4c545d88
- scrollbarSlider.background#636d7455
- scrollbarSlider.hoverBackground#636d7488
- selection.background#dbe3e3
- sideBar.background#eef0f0
- sideBar.border#d8dede
- sideBar.foreground#4c545d
- sideBarSectionHeader.background#eef0f0
- sideBarSectionHeader.border#d8dede
- sideBarSectionHeader.foreground#222831
- sideBarTitle.foreground#222831
- statusBar.background#f8fafa
- statusBar.border#d8dede
- statusBar.debuggingBackground#815b20
- statusBar.debuggingForeground#f8fafa
- statusBar.foreground#4c545d
- statusBar.noFolderBackground#f8fafa
- tab.activeBackground#f8fafa
- tab.activeBorder#b0402f
- tab.activeForeground#222831
- tab.border#d8dede
- tab.inactiveBackground#eef0f0
- tab.inactiveForeground#4c545d
- terminal.ansiBlack#222831
- terminal.ansiBlue#b0402f
- terminal.ansiBrightBlack#4c545d
- terminal.ansiBrightBlue#b0402f
- terminal.ansiBrightCyan#0e7683
- terminal.ansiBrightGreen#237855
- terminal.ansiBrightMagenta#6b3fa0
- terminal.ansiBrightRed#963425
- terminal.ansiBrightWhite#f8fafa
- terminal.ansiBrightYellow#815b20
- terminal.ansiCyan#0e7683
- terminal.ansiGreen#2d7857
- terminal.ansiMagenta#6b3fa0
- terminal.ansiRed#a3581e
- terminal.ansiWhite#636d74
- terminal.ansiYellow#16467a
- terminal.background#f8fafa
- terminal.foreground#222831
- terminal.selectionBackground#dbe3e3
- terminalCursor.foreground#222831
- titleBar.activeBackground#eef0f0
- titleBar.activeForeground#222831
- titleBar.border#d8dede
- titleBar.inactiveBackground#eef0f0
- titleBar.inactiveForeground#636d74
- widget.border#d8dede
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage | #16467a | — |
| string | #2d7857 | — |
| entity.name.function, support.function | #b0402f | — |
| constant.numeric, constant.language | #a3581e | — |
| entity.name.type, entity.name.class, support.type | #6b3fa0 | — |
| support, variable.language, constant.other.symbol | #0e7683 | — |
| punctuation, keyword.operator | #5c666e | — |
| comment | #636d74 | italic |