Circadia Color Theme

Color themes

• 

  Circadia — Obsidian Pine (Dark Focus)

• 

  Circadia — Plum Noir (Dark Modern)

• 

  Circadia — Warm Ember & Espresso (Dark Classic)

• 

  Circadia — Warm Parchment (Light)

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.activeBorder#0048b3
• activityBar.activeFocusBorder#0048b3
• activityBar.background#eee7d6
• activityBar.border#d7cdb7
• activityBar.foreground#28323a
• activityBar.inactiveForeground#43505c
• activityBarBadge.background#0048b3
• activityBarBadge.foreground#ffffff
• badge.background#e5dcc6
• badge.foreground#28323a
• breadcrumb.activeSelectionForeground#0048b3
• breadcrumb.background#f7f2e6
• breadcrumb.focusForeground#28323a
• breadcrumb.foreground#46535f
• breadcrumbPicker.background#eee7d6
• button.background#0048b3
• button.foreground#ffffff
• button.hoverBackground#0048b3dd
• button.secondaryBackground#e5dcc6
• button.secondaryForeground#28323a
• button.secondaryHoverBackground#eee7d6
• chat.editedFileForeground#095b62
• chat.slashCommandBackground#0048b333
• chat.slashCommandForeground#0048b3
• checkbox.background#e5dcc6
• checkbox.border#d7cdb7
• checkbox.foreground#28323a
• descriptionForeground#46535f
• dropdown.background#e5dcc6
• dropdown.border#d7cdb7
• dropdown.foreground#28323a
• dropdown.listBackground#eee7d6
• editor.background#f7f2e6
• editor.findMatchBackground#0048b366
• editor.findMatchHighlightBackground#0048b333
• editor.foreground#28323a
• editor.lineHighlightBackground#e5dcc633
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#0048b330
• editor.selectionHighlightBackground#0048b31e
• editor.wordHighlightBackground#0048b322
• editor.wordHighlightStrongBackground#0048b333
• editorBracketMatch.background#00000000
• editorBracketMatch.border#0048b3
• editorCursor.foreground#0048b3
• editorGroup.border#d7cdb7
• editorGroupHeader.noTabsBackground#f7f2e6
• editorGroupHeader.tabsBackground#eee7d6
• editorGroupHeader.tabsBorder#d7cdb7
• editorGutter.addedBackground#005f2f
• editorGutter.deletedBackground#dc2626
• editorGutter.modifiedBackground#095b62
• editorIndentGuide.activeBackground#43505c
• editorIndentGuide.background#d7cdb7
• editorLineNumber.activeForeground#0048b3
• editorLineNumber.foreground#43505c
• editorOverviewRuler.border#d7cdb7
• editorSuggestWidget.background#eee7d6
• editorSuggestWidget.border#d7cdb7
• editorSuggestWidget.foreground#28323a
• editorSuggestWidget.highlightForeground#0048b3
• editorSuggestWidget.selectedBackground#0048b322
• editorWidget.background#eee7d6
• editorWidget.border#d7cdb7
• errorForeground#dc2626
• focusBorder#0048b3
• foreground#28323a
• gitDecoration.conflictingResourceForeground#dc2626
• gitDecoration.deletedResourceForeground#dc2626
• gitDecoration.ignoredResourceForeground#43505c
• gitDecoration.modifiedResourceForeground#095b62
• gitDecoration.stageDeletedResourceForeground#dc2626
• gitDecoration.stageModifiedResourceForeground#095b62
• gitDecoration.untrackedResourceForeground#005f2f
• icon.foreground#46535f
• input.background#e5dcc6
• input.border#d7cdb7
• input.foreground#28323a
• input.placeholderForeground#43505c
• input.selectionBackground#0048b338
• inputOption.activeBackground#0048b344
• inputOption.activeBorder#0048b3
• inputOption.activeForeground#28323a
• keybindingLabel.foreground#28323a
• list.activeSelectionBackground#0048b322
• list.activeSelectionForeground#28323a
• list.activeSelectionIconForeground#0048b3
• list.deemphasizedForeground#43505c
• list.dropBackground#0048b333
• list.focusBackground#0048b322
• list.focusForeground#28323a
• list.focusHighlightForeground#0048b3
• list.focusOutline#0048b3
• list.highlightForeground#0048b3
• list.hoverBackground#e5dcc699
• list.hoverForeground#28323a
• list.inactiveFocusBackground#e5dcc6
• list.inactiveSelectionBackground#e5dcc6
• list.inactiveSelectionForeground#28323a
• menu.background#eee7d6
• menu.foreground#28323a
• menu.selectionBackground#0048b322
• menu.selectionForeground#28323a
• menu.separatorBackground#d7cdb7
• modernActivityBar.activeBackground#e5dcc699
• modernActivityBar.hoverBackground#e5dcc644
• notificationCenterHeader.background#eee7d6
• notificationCenterHeader.foreground#28323a
• notifications.background#eee7d6
• notifications.border#d7cdb7
• notifications.foreground#28323a
• panel.background#eee7d6
• panel.border#d7cdb7
• panelInput.border#d7cdb7
• panelSectionHeader.background#eee7d6
• panelSectionHeader.border#d7cdb7
• panelSectionHeader.foreground#28323a
• panelTitle.activeBorder#0048b3
• panelTitle.activeForeground#28323a
• panelTitle.inactiveForeground#46535f
• peekView.border#0048b3
• peekViewEditor.background#f7f2e6
• peekViewEditor.matchHighlightBackground#0048b344
• peekViewResult.background#eee7d6
• peekViewResult.matchHighlightBackground#0048b344
• peekViewResult.selectionBackground#0048b322
• peekViewTitle.background#eee7d6
• pickerGroup.border#d7cdb7
• pickerGroup.foreground#0048b3
• progressBar.background#0048b3
• quickInput.background#eee7d6
• quickInput.foreground#28323a
• quickInputList.focusBackground#0048b322
• quickInputList.focusForeground#28323a
• scrollbarSlider.activeBackground#0048b355
• scrollbarSlider.background#43505c22
• scrollbarSlider.hoverBackground#43505c44
• selection.background#0048b338
• settings.dropdownBackground#e5dcc6
• settings.dropdownBorder#d7cdb7
• settings.headerForeground#28323a
• settings.modifiedItemIndicator#0048b3
• sideBar.background#eee7d6
• sideBar.border#d7cdb7
• sideBar.foreground#46535f
• sideBarSectionHeader.background#eee7d6
• sideBarSectionHeader.border#d7cdb7
• sideBarSectionHeader.foreground#28323a
• sideBarTitle.foreground#28323a
• statusBar.background#eee7d6
• statusBar.border#d7cdb7
• statusBar.debuggingBackground#0048b3
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#46535f
• statusBar.noFolderBackground#eee7d6
• statusBarItem.focusBorder#0048b3
• statusBarItem.hoverBackground#e5dcc699
• statusBarItem.hoverForeground#28323a
• statusBarItem.remoteBackground#0048b3
• statusBarItem.remoteForeground#ffffff
• tab.activeBackground#f7f2e6
• tab.activeBorder#00000000
• tab.activeBorderTop#0048b3
• tab.activeForeground#28323a
• tab.border#d7cdb7
• tab.hoverBackground#e5dcc680
• tab.hoverForeground#28323a
• tab.inactiveBackground#eee7d6
• tab.inactiveForeground#43505c
• tab.selectedBorderTop#0048b3
• tab.unfocusedActiveBackground#f7f2e6
• tab.unfocusedActiveBorder#00000000
• tab.unfocusedActiveBorderTop#0048b3b3
• tab.unfocusedActiveForeground#28323a
• tab.unfocusedHoverBackground#f7f2e680
• tab.unfocusedInactiveForeground#43505c
• terminal.foreground#28323a
• terminal.selectionBackground#0048b338
• terminal.tab.activeBorder#0048b3
• textBlockQuote.background#eee7d6
• textBlockQuote.border#d7cdb7
• textCodeBlock.background#eee7d6
• textLink.activeForeground#0048b3
• textLink.foreground#0048b3
• textPreformat.background#e5dcc6
• textPreformat.foreground#28323a
• textSeparator.foreground#d7cdb7
• titleBar.activeBackground#eee7d6
• titleBar.activeForeground#28323a
• titleBar.border#d7cdb7
• titleBar.inactiveBackground#f7f2e6
• titleBar.inactiveForeground#46535f
• tree.indentGuidesStroke#d7cdb7
• tree.tableColumnsBorder#d7cdb7
• welcomePage.progress.foreground#0048b3
• welcomePage.tileBackground#eee7d6
• widget.border#d7cdb7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).