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#f3f4f5
- activityBar.border#d5d8db
- activityBar.foreground#191c20
- activityBar.inactiveForeground#686f75
- activityBarBadge.background#0c2650
- activityBarBadge.foreground#fcfcfd
- agents.background#f3f4f5
- agentsPanel.background#fcfcfd
- agentsPanel.border#d5d8db
- agentsPanel.foreground#191c20
- badge.background#0c2650
- badge.foreground#fcfcfd
- button.background#0c2650
- button.foreground#fcfcfd
- descriptionForeground#3f454b
- diffEditor.insertedTextBackground#247b5722
- diffEditor.removedTextBackground#9a362722
- dropdown.background#fcfcfd
- dropdown.border#d5d8db
- dropdown.foreground#191c20
- editor.background#fcfcfd
- editor.foreground#191c20
- editor.lineHighlightBackground#eaecee
- editor.lineHighlightBorder#eaecee
- editor.selectionBackground#dde1e4
- editor.selectionHighlightBackground#dde1e480
- editorBracketMatch.background#dde1e480
- editorBracketMatch.border#686f75
- editorCursor.foreground#191c20
- editorError.foreground#9a3627
- editorGroup.border#d5d8db
- editorGroupHeader.tabsBackground#f3f4f5
- editorGroupHeader.tabsBorder#d5d8db
- editorGutter.addedBackground#247b57
- editorGutter.deletedBackground#9a3627
- editorGutter.modifiedBackground#0c2650
- editorHoverWidget.background#f3f4f5
- editorHoverWidget.border#d5d8db
- editorIndentGuide.activeBackground1#686f75
- editorIndentGuide.background1#d5d8db
- editorLineNumber.activeForeground#191c20
- editorLineNumber.foreground#3f454b
- editorRuler.foreground#d5d8db
- editorSuggestWidget.background#f3f4f5
- editorSuggestWidget.border#d5d8db
- editorSuggestWidget.selectedBackground#dde1e4
- editorWarning.foreground#855d21
- editorWhitespace.foreground#686f75
- editorWidget.background#f3f4f5
- editorWidget.border#d5d8db
- errorForeground#9a3627
- focusBorder#d5d8db
- foreground#191c20
- gitDecoration.deletedResourceForeground#9a3627
- gitDecoration.ignoredResourceForeground#686f75
- gitDecoration.modifiedResourceForeground#855d21
- gitDecoration.untrackedResourceForeground#247b57
- icon.foreground#3f454b
- input.background#fcfcfd
- input.border#d5d8db
- input.foreground#191c20
- input.placeholderForeground#686f75
- list.activeSelectionBackground#dde1e4
- list.activeSelectionForeground#191c20
- list.highlightForeground#0c2650
- list.hoverBackground#eaecee
- list.inactiveSelectionBackground#eaecee
- panel.background#fcfcfd
- panel.border#d5d8db
- panelTitle.activeBorder#0c2650
- panelTitle.activeForeground#191c20
- panelTitle.inactiveForeground#686f75
- scrollbarSlider.activeBackground#3f454b88
- scrollbarSlider.background#686f7555
- scrollbarSlider.hoverBackground#686f7588
- selection.background#dde1e4
- sideBar.background#f3f4f5
- sideBar.border#d5d8db
- sideBar.foreground#3f454b
- sideBarSectionHeader.background#f3f4f5
- sideBarSectionHeader.border#d5d8db
- sideBarSectionHeader.foreground#191c20
- sideBarTitle.foreground#191c20
- statusBar.background#fcfcfd
- statusBar.border#d5d8db
- statusBar.debuggingBackground#855d21
- statusBar.debuggingForeground#fcfcfd
- statusBar.foreground#3f454b
- statusBar.noFolderBackground#fcfcfd
- tab.activeBackground#fcfcfd
- tab.activeBorder#0c2650
- tab.activeForeground#191c20
- tab.border#d5d8db
- tab.inactiveBackground#f3f4f5
- tab.inactiveForeground#3f454b
- terminal.ansiBlack#191c20
- terminal.ansiBlue#0c2650
- terminal.ansiBrightBlack#3f454b
- terminal.ansiBrightBlue#0c2650
- terminal.ansiBrightCyan#0f5f6b
- terminal.ansiBrightGreen#247b57
- terminal.ansiBrightMagenta#5a2f8a
- terminal.ansiBrightRed#9a3627
- terminal.ansiBrightWhite#fcfcfd
- terminal.ansiBrightYellow#855d21
- terminal.ansiCyan#0f5f6b
- terminal.ansiGreen#1f6b3a
- terminal.ansiMagenta#5a2f8a
- terminal.ansiRed#8a3a12
- terminal.ansiWhite#686f75
- terminal.ansiYellow#7a1f6b
- terminal.background#fcfcfd
- terminal.foreground#191c20
- terminal.selectionBackground#dde1e4
- terminalCursor.foreground#191c20
- titleBar.activeBackground#f3f4f5
- titleBar.activeForeground#191c20
- titleBar.border#d5d8db
- titleBar.inactiveBackground#f3f4f5
- titleBar.inactiveForeground#686f75
- widget.border#d5d8db
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage | #7a1f6b | — |
| string | #1f6b3a | — |
| entity.name.function, support.function | #0c2650 | — |
| constant.numeric, constant.language | #8a3a12 | — |
| entity.name.type, entity.name.class, support.type | #5a2f8a | — |
| support, variable.language, constant.other.symbol | #0f5f6b | — |
| punctuation, keyword.operator | #565d64 | — |
| comment | #686f75 | italic |