Candela Themes

Color themes

• 

  Candela 01 · Sepia Paper

• 

  Candela 02 · Slate Mist

• 

  Candela 03 · Sage

• 

  Candela 04 · Solarized Lite

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#f2ecdf
• activityBar.border#e3dac6
• activityBar.foreground#322f28
• activityBar.inactiveForeground#716955
• activityBarBadge.background#30577d
• activityBarBadge.foreground#fbf7ee
• agents.background#f2ecdf
• agentsPanel.background#fbf7ee
• agentsPanel.border#e3dac6
• agentsPanel.foreground#322f28
• badge.background#30577d
• badge.foreground#fbf7ee
• button.background#30577d
• button.foreground#fbf7ee
• descriptionForeground#5f584b
• diffEditor.insertedTextBackground#2d755722
• diffEditor.removedTextBackground#853e3322
• dropdown.background#fbf7ee
• dropdown.border#e3dac6
• dropdown.foreground#322f28
• editor.background#fbf7ee
• editor.foreground#322f28
• editor.lineHighlightBackground#f6f0e4
• editor.lineHighlightBorder#f6f0e4
• editor.selectionBackground#e6dcc0
• editor.selectionHighlightBackground#e6dcc080
• editorBracketMatch.background#e6dcc080
• editorBracketMatch.border#716955
• editorCursor.foreground#322f28
• editorError.foreground#853e33
• editorGroup.border#e3dac6
• editorGroupHeader.tabsBackground#f2ecdf
• editorGroupHeader.tabsBorder#e3dac6
• editorGutter.addedBackground#2d7557
• editorGutter.deletedBackground#853e33
• editorGutter.modifiedBackground#30577d
• editorHoverWidget.background#f2ecdf
• editorHoverWidget.border#e3dac6
• editorIndentGuide.activeBackground1#716955
• editorIndentGuide.background1#e3dac6
• editorLineNumber.activeForeground#322f28
• editorLineNumber.foreground#5f584b
• editorRuler.foreground#e3dac6
• editorSuggestWidget.background#f2ecdf
• editorSuggestWidget.border#e3dac6
• editorSuggestWidget.selectedBackground#e6dcc0
• editorWarning.foreground#795b2f
• editorWhitespace.foreground#716955
• editorWidget.background#f2ecdf
• editorWidget.border#e3dac6
• errorForeground#853e33
• focusBorder#e3dac6
• foreground#322f28
• gitDecoration.deletedResourceForeground#853e33
• gitDecoration.ignoredResourceForeground#716955
• gitDecoration.modifiedResourceForeground#795b2f
• gitDecoration.untrackedResourceForeground#2d7557
• icon.foreground#5f584b
• input.background#fbf7ee
• input.border#e3dac6
• input.foreground#322f28
• input.placeholderForeground#716955
• list.activeSelectionBackground#e6dcc0
• list.activeSelectionForeground#322f28
• list.highlightForeground#30577d
• list.hoverBackground#f6f0e4
• list.inactiveSelectionBackground#f6f0e4
• panel.background#fbf7ee
• panel.border#e3dac6
• panelTitle.activeBorder#30577d
• panelTitle.activeForeground#322f28
• panelTitle.inactiveForeground#716955
• scrollbarSlider.activeBackground#5f584b88
• scrollbarSlider.background#71695555
• scrollbarSlider.hoverBackground#71695588
• selection.background#e6dcc0
• sideBar.background#f2ecdf
• sideBar.border#e3dac6
• sideBar.foreground#5f584b
• sideBarSectionHeader.background#f2ecdf
• sideBarSectionHeader.border#e3dac6
• sideBarSectionHeader.foreground#322f28
• sideBarTitle.foreground#322f28
• statusBar.background#fbf7ee
• statusBar.border#e3dac6
• statusBar.debuggingBackground#795b2f
• statusBar.debuggingForeground#fbf7ee
• statusBar.foreground#5f584b
• statusBar.noFolderBackground#fbf7ee
• tab.activeBackground#fbf7ee
• tab.activeBorder#30577d
• tab.activeForeground#322f28
• tab.border#e3dac6
• tab.inactiveBackground#f2ecdf
• tab.inactiveForeground#5f584b
• terminal.ansiBlack#322f28
• terminal.ansiBlue#30577d
• terminal.ansiBrightBlack#5f584b
• terminal.ansiBrightBlue#30577d
• terminal.ansiBrightCyan#2c7567
• terminal.ansiBrightGreen#2d7557
• terminal.ansiBrightMagenta#7b5595
• terminal.ansiBrightRed#853e33
• terminal.ansiBrightWhite#fbf7ee
• terminal.ansiBrightYellow#795b2f
• terminal.ansiCyan#2c7567
• terminal.ansiGreen#5a6b39
• terminal.ansiMagenta#7b5595
• terminal.ansiRed#925e21
• terminal.ansiWhite#716955
• terminal.ansiYellow#9a5b2c
• terminal.background#fbf7ee
• terminal.foreground#322f28
• terminal.selectionBackground#e6dcc0
• terminalCursor.foreground#322f28
• titleBar.activeBackground#f2ecdf
• titleBar.activeForeground#322f28
• titleBar.border#e3dac6
• titleBar.inactiveBackground#f2ecdf
• titleBar.inactiveForeground#716955
• widget.border#e3dac6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).