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#e8edf3
- activityBar.border#d5dde7
- activityBar.foreground#29323d
- activityBar.inactiveForeground#5f6b78
- activityBarBadge.background#2d6a8f
- activityBarBadge.foreground#f6f8fb
- agents.background#e8edf3
- agentsPanel.background#f6f8fb
- agentsPanel.border#d5dde7
- agentsPanel.foreground#29323d
- badge.background#2d6a8f
- badge.foreground#f6f8fb
- button.background#2d6a8f
- button.foreground#f6f8fb
- descriptionForeground#54606d
- diffEditor.insertedTextBackground#30745822
- diffEditor.removedTextBackground#82403522
- dropdown.background#f6f8fb
- dropdown.border#d5dde7
- dropdown.foreground#29323d
- editor.background#f6f8fb
- editor.foreground#29323d
- editor.lineHighlightBackground#eef2f7
- editor.lineHighlightBorder#eef2f7
- editor.selectionBackground#d3deec
- editor.selectionHighlightBackground#d3deec80
- editorBracketMatch.background#d3deec80
- editorBracketMatch.border#5f6b78
- editorCursor.foreground#29323d
- editorError.foreground#824035
- editorGroup.border#d5dde7
- editorGroupHeader.tabsBackground#e8edf3
- editorGroupHeader.tabsBorder#d5dde7
- editorGutter.addedBackground#307458
- editorGutter.deletedBackground#824035
- editorGutter.modifiedBackground#2d6a8f
- editorHoverWidget.background#e8edf3
- editorHoverWidget.border#d5dde7
- editorIndentGuide.activeBackground1#5f6b78
- editorIndentGuide.background1#d5dde7
- editorLineNumber.activeForeground#29323d
- editorLineNumber.foreground#54606d
- editorRuler.foreground#d5dde7
- editorSuggestWidget.background#e8edf3
- editorSuggestWidget.border#d5dde7
- editorSuggestWidget.selectedBackground#d3deec
- editorWarning.foreground#785b31
- editorWhitespace.foreground#5f6b78
- editorWidget.background#e8edf3
- editorWidget.border#d5dde7
- errorForeground#824035
- focusBorder#d5dde7
- foreground#29323d
- gitDecoration.deletedResourceForeground#824035
- gitDecoration.ignoredResourceForeground#5f6b78
- gitDecoration.modifiedResourceForeground#785b31
- gitDecoration.untrackedResourceForeground#307458
- icon.foreground#54606d
- input.background#f6f8fb
- input.border#d5dde7
- input.foreground#29323d
- input.placeholderForeground#5f6b78
- list.activeSelectionBackground#d3deec
- list.activeSelectionForeground#29323d
- list.highlightForeground#2d6a8f
- list.hoverBackground#eef2f7
- list.inactiveSelectionBackground#eef2f7
- panel.background#f6f8fb
- panel.border#d5dde7
- panelTitle.activeBorder#2d6a8f
- panelTitle.activeForeground#29323d
- panelTitle.inactiveForeground#5f6b78
- scrollbarSlider.activeBackground#54606d88
- scrollbarSlider.background#5f6b7855
- scrollbarSlider.hoverBackground#5f6b7888
- selection.background#d3deec
- sideBar.background#e8edf3
- sideBar.border#d5dde7
- sideBar.foreground#54606d
- sideBarSectionHeader.background#e8edf3
- sideBarSectionHeader.border#d5dde7
- sideBarSectionHeader.foreground#29323d
- sideBarTitle.foreground#29323d
- statusBar.background#f6f8fb
- statusBar.border#d5dde7
- statusBar.debuggingBackground#785b31
- statusBar.debuggingForeground#f6f8fb
- statusBar.foreground#54606d
- statusBar.noFolderBackground#f6f8fb
- tab.activeBackground#f6f8fb
- tab.activeBorder#2d6a8f
- tab.activeForeground#29323d
- tab.border#d5dde7
- tab.inactiveBackground#e8edf3
- tab.inactiveForeground#54606d
- terminal.ansiBlack#29323d
- terminal.ansiBlue#2d6a8f
- terminal.ansiBrightBlack#54606d
- terminal.ansiBrightBlue#2d6a8f
- terminal.ansiBrightCyan#297284
- terminal.ansiBrightGreen#307458
- terminal.ansiBrightMagenta#995a2b
- terminal.ansiBrightRed#824035
- terminal.ansiBrightWhite#f6f8fb
- terminal.ansiBrightYellow#785b31
- terminal.ansiCyan#297284
- terminal.ansiGreen#41745a
- terminal.ansiMagenta#995a2b
- terminal.ansiRed#9c5365
- terminal.ansiWhite#5f6b78
- terminal.ansiYellow#7159a0
- terminal.background#f6f8fb
- terminal.foreground#29323d
- terminal.selectionBackground#d3deec
- terminalCursor.foreground#29323d
- titleBar.activeBackground#e8edf3
- titleBar.activeForeground#29323d
- titleBar.border#d5dde7
- titleBar.inactiveBackground#e8edf3
- titleBar.inactiveForeground#5f6b78
- widget.border#d5dde7
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage | #7159a0 | — |
| string | #41745a | — |
| entity.name.function, support.function | #2d6a8f | — |
| constant.numeric, constant.language | #9c5365 | — |
| entity.name.type, entity.name.class, support.type | #995a2b | — |
| support, variable.language, constant.other.symbol | #297284 | — |
| punctuation, keyword.operator | #5f6a7a | — |
| comment | #5f6b78 | italic |