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#f4ecd9
- activityBar.border#e6d9bd
- activityBar.foreground#34302a
- activityBar.inactiveForeground#746851
- activityBarBadge.background#84651e
- activityBarBadge.foreground#faf3e1
- agents.background#f4ecd9
- agentsPanel.background#faf3e1
- agentsPanel.border#e6d9bd
- agentsPanel.foreground#34302a
- badge.background#84651e
- badge.foreground#faf3e1
- button.background#84651e
- button.foreground#faf3e1
- descriptionForeground#5f5749
- diffEditor.insertedTextBackground#29755522
- diffEditor.removedTextBackground#7c452b22
- dropdown.background#faf3e1
- dropdown.border#e6d9bd
- dropdown.foreground#34302a
- editor.background#faf3e1
- editor.foreground#34302a
- editor.lineHighlightBackground#f0e8d1
- editor.lineHighlightBorder#f0e8d1
- editor.selectionBackground#ecdfbf
- editor.selectionHighlightBackground#ecdfbf80
- editorBracketMatch.background#ecdfbf80
- editorBracketMatch.border#746851
- editorCursor.foreground#34302a
- editorError.foreground#7c452b
- editorGroup.border#e6d9bd
- editorGroupHeader.tabsBackground#f4ecd9
- editorGroupHeader.tabsBorder#e6d9bd
- editorGutter.addedBackground#297555
- editorGutter.deletedBackground#7c452b
- editorGutter.modifiedBackground#84651e
- editorHoverWidget.background#f4ecd9
- editorHoverWidget.border#e6d9bd
- editorIndentGuide.activeBackground1#746851
- editorIndentGuide.background1#e6d9bd
- editorLineNumber.activeForeground#34302a
- editorLineNumber.foreground#5f5749
- editorRuler.foreground#e6d9bd
- editorSuggestWidget.background#f4ecd9
- editorSuggestWidget.border#e6d9bd
- editorSuggestWidget.selectedBackground#ecdfbf
- editorWarning.foreground#7b5a2a
- editorWhitespace.foreground#746851
- editorWidget.background#f4ecd9
- editorWidget.border#e6d9bd
- errorForeground#7c452b
- focusBorder#e6d9bd
- foreground#34302a
- gitDecoration.deletedResourceForeground#7c452b
- gitDecoration.ignoredResourceForeground#746851
- gitDecoration.modifiedResourceForeground#7b5a2a
- gitDecoration.untrackedResourceForeground#297555
- icon.foreground#5f5749
- input.background#faf3e1
- input.border#e6d9bd
- input.foreground#34302a
- input.placeholderForeground#746851
- list.activeSelectionBackground#ecdfbf
- list.activeSelectionForeground#34302a
- list.highlightForeground#84651e
- list.hoverBackground#f0e8d1
- list.inactiveSelectionBackground#f0e8d1
- panel.background#faf3e1
- panel.border#e6d9bd
- panelTitle.activeBorder#84651e
- panelTitle.activeForeground#34302a
- panelTitle.inactiveForeground#746851
- scrollbarSlider.activeBackground#5f574988
- scrollbarSlider.background#74685155
- scrollbarSlider.hoverBackground#74685188
- selection.background#ecdfbf
- sideBar.background#f4ecd9
- sideBar.border#e6d9bd
- sideBar.foreground#5f5749
- sideBarSectionHeader.background#f4ecd9
- sideBarSectionHeader.border#e6d9bd
- sideBarSectionHeader.foreground#34302a
- sideBarTitle.foreground#34302a
- statusBar.background#faf3e1
- statusBar.border#e6d9bd
- statusBar.debuggingBackground#7b5a2a
- statusBar.debuggingForeground#faf3e1
- statusBar.foreground#5f5749
- statusBar.noFolderBackground#faf3e1
- tab.activeBackground#faf3e1
- tab.activeBorder#84651e
- tab.activeForeground#34302a
- tab.border#e6d9bd
- tab.inactiveBackground#f4ecd9
- tab.inactiveForeground#5f5749
- terminal.ansiBlack#34302a
- terminal.ansiBlue#84651e
- terminal.ansiBrightBlack#5f5749
- terminal.ansiBrightBlue#84651e
- terminal.ansiBrightCyan#4b734e
- terminal.ansiBrightGreen#297555
- terminal.ansiBrightMagenta#8a5a3c
- terminal.ansiBrightRed#7c452b
- terminal.ansiBrightWhite#faf3e1
- terminal.ansiBrightYellow#7b5a2a
- terminal.ansiCyan#4b734e
- terminal.ansiGreen#656f2b
- terminal.ansiMagenta#8a5a3c
- terminal.ansiRed#a0532f
- terminal.ansiWhite#746851
- terminal.ansiYellow#a5531e
- terminal.background#faf3e1
- terminal.foreground#34302a
- terminal.selectionBackground#ecdfbf
- terminalCursor.foreground#34302a
- titleBar.activeBackground#f4ecd9
- titleBar.activeForeground#34302a
- titleBar.border#e6d9bd
- titleBar.inactiveBackground#f4ecd9
- titleBar.inactiveForeground#746851
- widget.border#e6d9bd
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage | #a5531e | — |
| string | #656f2b | — |
| entity.name.function, support.function | #84651e | — |
| constant.numeric, constant.language | #a0532f | — |
| entity.name.type, entity.name.class, support.type | #8a5a3c | — |
| support, variable.language, constant.other.symbol | #4b734e | — |
| punctuation, keyword.operator | #6e6552 | — |
| comment | #746851 | italic |