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#fbeef2
- activityBar.border#f0d8e0
- activityBar.foreground#3a2f36
- activityBar.inactiveForeground#896173
- activityBarBadge.background#2a4e76
- activityBarBadge.foreground#fef7f9
- agents.background#fbeef2
- agentsPanel.background#fef7f9
- agentsPanel.border#f0d8e0
- agentsPanel.foreground#3a2f36
- badge.background#2a4e76
- badge.foreground#fef7f9
- button.background#2a4e76
- button.foreground#fef7f9
- descriptionForeground#6b5a63
- diffEditor.insertedTextBackground#2b767322
- diffEditor.removedTextBackground#86433122
- dropdown.background#fef7f9
- dropdown.border#f0d8e0
- dropdown.foreground#3a2f36
- editor.background#fef7f9
- editor.foreground#3a2f36
- editor.lineHighlightBackground#fbeaf0
- editor.lineHighlightBorder#fbeaf0
- editor.selectionBackground#f4dce6
- editor.selectionHighlightBackground#f4dce680
- editorBracketMatch.background#f4dce680
- editorBracketMatch.border#896173
- editorCursor.foreground#3a2f36
- editorError.foreground#864331
- editorGroup.border#f0d8e0
- editorGroupHeader.tabsBackground#fbeef2
- editorGroupHeader.tabsBorder#f0d8e0
- editorGutter.addedBackground#2b7673
- editorGutter.deletedBackground#864331
- editorGutter.modifiedBackground#2a4e76
- editorHoverWidget.background#fbeef2
- editorHoverWidget.border#f0d8e0
- editorIndentGuide.activeBackground1#896173
- editorIndentGuide.background1#f0d8e0
- editorLineNumber.activeForeground#3a2f36
- editorLineNumber.foreground#6b5a63
- editorRuler.foreground#f0d8e0
- editorSuggestWidget.background#fbeef2
- editorSuggestWidget.border#f0d8e0
- editorSuggestWidget.selectedBackground#f4dce6
- editorWarning.foreground#7e5d2d
- editorWhitespace.foreground#896173
- editorWidget.background#fbeef2
- editorWidget.border#f0d8e0
- errorForeground#864331
- focusBorder#f0d8e0
- foreground#3a2f36
- gitDecoration.deletedResourceForeground#864331
- gitDecoration.ignoredResourceForeground#896173
- gitDecoration.modifiedResourceForeground#7e5d2d
- gitDecoration.untrackedResourceForeground#2b7673
- icon.foreground#6b5a63
- input.background#fef7f9
- input.border#f0d8e0
- input.foreground#3a2f36
- input.placeholderForeground#896173
- list.activeSelectionBackground#f4dce6
- list.activeSelectionForeground#3a2f36
- list.highlightForeground#2a4e76
- list.hoverBackground#fbeaf0
- list.inactiveSelectionBackground#fbeaf0
- panel.background#fef7f9
- panel.border#f0d8e0
- panelTitle.activeBorder#2a4e76
- panelTitle.activeForeground#3a2f36
- panelTitle.inactiveForeground#896173
- scrollbarSlider.activeBackground#6b5a6388
- scrollbarSlider.background#89617355
- scrollbarSlider.hoverBackground#89617388
- selection.background#f4dce6
- sideBar.background#fbeef2
- sideBar.border#f0d8e0
- sideBar.foreground#6b5a63
- sideBarSectionHeader.background#fbeef2
- sideBarSectionHeader.border#f0d8e0
- sideBarSectionHeader.foreground#3a2f36
- sideBarTitle.foreground#3a2f36
- statusBar.background#fef7f9
- statusBar.border#f0d8e0
- statusBar.debuggingBackground#7e5d2d
- statusBar.debuggingForeground#fef7f9
- statusBar.foreground#6b5a63
- statusBar.noFolderBackground#fef7f9
- tab.activeBackground#fef7f9
- tab.activeBorder#2a4e76
- tab.activeForeground#3a2f36
- tab.border#f0d8e0
- tab.inactiveBackground#fbeef2
- tab.inactiveForeground#6b5a63
- terminal.ansiBlack#3a2f36
- terminal.ansiBlue#2a4e76
- terminal.ansiBrightBlack#6b5a63
- terminal.ansiBrightBlue#2a4e76
- terminal.ansiBrightCyan#297774
- terminal.ansiBrightGreen#2b7673
- terminal.ansiBrightMagenta#a03e86
- terminal.ansiBrightRed#864331
- terminal.ansiBrightWhite#fef7f9
- terminal.ansiBrightYellow#7e5d2d
- terminal.ansiCyan#297774
- terminal.ansiGreen#7a5aa8
- terminal.ansiMagenta#a03e86
- terminal.ansiRed#b24e32
- terminal.ansiWhite#896173
- terminal.ansiYellow#c0397a
- terminal.background#fef7f9
- terminal.foreground#3a2f36
- terminal.selectionBackground#f4dce6
- terminalCursor.foreground#3a2f36
- titleBar.activeBackground#fbeef2
- titleBar.activeForeground#3a2f36
- titleBar.border#f0d8e0
- titleBar.inactiveBackground#fbeef2
- titleBar.inactiveForeground#896173
- widget.border#f0d8e0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage | #c0397a | — |
| string | #7a5aa8 | — |
| entity.name.function, support.function | #2a4e76 | — |
| constant.numeric, constant.language | #b24e32 | — |
| entity.name.type, entity.name.class, support.type | #a03e86 | — |
| support, variable.language, constant.other.symbol | #297774 | — |
| punctuation, keyword.operator | #786871 | — |
| comment | #896173 | italic |