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#e89a49
• activityBar.activeFocusBorder#e89a49
• activityBar.background#1e1a15
• activityBar.border#3b342b
• activityBar.foreground#c9c0b1
• activityBar.inactiveForeground#91887d
• activityBarBadge.background#e89a49
• activityBarBadge.foreground#17130f
• badge.background#29241e
• badge.foreground#c9c0b1
• breadcrumb.activeSelectionForeground#e89a49
• breadcrumb.background#17130f
• breadcrumb.focusForeground#c9c0b1
• breadcrumb.foreground#aba195
• breadcrumbPicker.background#1e1a15
• button.background#e89a49
• button.foreground#17130f
• button.hoverBackground#e89a49dd
• button.secondaryBackground#29241e
• button.secondaryForeground#c9c0b1
• button.secondaryHoverBackground#1e1a15
• chat.editedFileForeground#d99148
• chat.slashCommandBackground#e89a4933
• chat.slashCommandForeground#e89a49
• checkbox.background#29241e
• checkbox.border#3b342b
• checkbox.foreground#c9c0b1
• descriptionForeground#aba195
• dropdown.background#29241e
• dropdown.border#3b342b
• dropdown.foreground#c9c0b1
• dropdown.listBackground#1e1a15
• editor.background#17130f
• editor.findMatchBackground#e89a4966
• editor.findMatchHighlightBackground#e89a4933
• editor.foreground#c9c0b1
• editor.lineHighlightBackground#29241e33
• editor.lineHighlightBorder#00000000
• editor.selectionBackground#e89a4940
• editor.selectionHighlightBackground#e89a4926
• editor.wordHighlightBackground#e89a4930
• editor.wordHighlightStrongBackground#e89a4944
• editorBracketMatch.background#00000000
• editorBracketMatch.border#e89a49
• editorCursor.foreground#e89a49
• editorGroup.border#3b342b
• editorGroupHeader.noTabsBackground#17130f
• editorGroupHeader.tabsBackground#1e1a15
• editorGroupHeader.tabsBorder#3b342b
• editorGutter.addedBackground#8cbb62
• editorGutter.deletedBackground#e06c75
• editorGutter.modifiedBackground#d99148
• editorIndentGuide.activeBackground#91887d
• editorIndentGuide.background#3b342b
• editorLineNumber.activeForeground#e89a49
• editorLineNumber.foreground#91887d
• editorOverviewRuler.border#3b342b
• editorSuggestWidget.background#1e1a15
• editorSuggestWidget.border#3b342b
• editorSuggestWidget.foreground#c9c0b1
• editorSuggestWidget.highlightForeground#e89a49
• editorSuggestWidget.selectedBackground#e89a4938
• editorWidget.background#1e1a15
• editorWidget.border#3b342b
• errorForeground#e06c75
• focusBorder#e89a49
• foreground#c9c0b1
• gitDecoration.conflictingResourceForeground#e06c75
• gitDecoration.deletedResourceForeground#e06c75
• gitDecoration.ignoredResourceForeground#91887d
• gitDecoration.modifiedResourceForeground#d99148
• gitDecoration.stageDeletedResourceForeground#e06c75
• gitDecoration.stageModifiedResourceForeground#d99148
• gitDecoration.untrackedResourceForeground#8cbb62
• icon.foreground#aba195
• input.background#29241e
• input.border#3b342b
• input.foreground#c9c0b1
• input.placeholderForeground#91887d
• input.selectionBackground#e89a4948
• inputOption.activeBackground#e89a4944
• inputOption.activeBorder#e89a49
• inputOption.activeForeground#c9c0b1
• keybindingLabel.foreground#c9c0b1
• list.activeSelectionBackground#e89a4938
• list.activeSelectionForeground#ffffff
• list.activeSelectionIconForeground#e89a49
• list.deemphasizedForeground#91887d
• list.dropBackground#e89a4933
• list.focusBackground#e89a4938
• list.focusForeground#ffffff
• list.focusHighlightForeground#e89a49
• list.focusOutline#e89a49
• list.highlightForeground#e89a49
• list.hoverBackground#3b342baa
• list.hoverForeground#ffffff
• list.inactiveFocusBackground#3b342b
• list.inactiveSelectionBackground#3b342b
• list.inactiveSelectionForeground#ffffff
• menu.background#1e1a15
• menu.foreground#c9c0b1
• menu.selectionBackground#e89a4938
• menu.selectionForeground#ffffff
• menu.separatorBackground#3b342b
• modernActivityBar.activeBackground#29241e99
• modernActivityBar.hoverBackground#29241e44
• notificationCenterHeader.background#1e1a15
• notificationCenterHeader.foreground#c9c0b1
• notifications.background#1e1a15
• notifications.border#3b342b
• notifications.foreground#c9c0b1
• panel.background#1e1a15
• panel.border#3b342b
• panelInput.border#3b342b
• panelSectionHeader.background#1e1a15
• panelSectionHeader.border#3b342b
• panelSectionHeader.foreground#c9c0b1
• panelTitle.activeBorder#e89a49
• panelTitle.activeForeground#c9c0b1
• panelTitle.inactiveForeground#aba195
• peekView.border#e89a49
• peekViewEditor.background#17130f
• peekViewEditor.matchHighlightBackground#e89a4944
• peekViewResult.background#1e1a15
• peekViewResult.matchHighlightBackground#e89a4944
• peekViewResult.selectionBackground#e89a4938
• peekViewTitle.background#1e1a15
• pickerGroup.border#3b342b
• pickerGroup.foreground#e89a49
• progressBar.background#e89a49
• quickInput.background#1e1a15
• quickInput.foreground#c9c0b1
• quickInputList.focusBackground#e89a4938
• quickInputList.focusForeground#ffffff
• scrollbarSlider.activeBackground#e89a4966
• scrollbarSlider.background#91887d33
• scrollbarSlider.hoverBackground#91887d55
• selection.background#e89a4948
• settings.dropdownBackground#29241e
• settings.dropdownBorder#3b342b
• settings.headerForeground#c9c0b1
• settings.modifiedItemIndicator#e89a49
• sideBar.background#1e1a15
• sideBar.border#3b342b
• sideBar.foreground#aba195
• sideBarSectionHeader.background#1e1a15
• sideBarSectionHeader.border#3b342b
• sideBarSectionHeader.foreground#c9c0b1
• sideBarTitle.foreground#c9c0b1
• statusBar.background#1e1a15
• statusBar.border#3b342b
• statusBar.debuggingBackground#e89a49
• statusBar.debuggingForeground#17130f
• statusBar.foreground#aba195
• statusBar.noFolderBackground#1e1a15
• statusBarItem.focusBorder#e89a49
• statusBarItem.hoverBackground#29241e99
• statusBarItem.hoverForeground#c9c0b1
• statusBarItem.remoteBackground#e89a49
• statusBarItem.remoteForeground#17130f
• tab.activeBackground#17130f
• tab.activeBorder#00000000
• tab.activeBorderTop#e89a49
• tab.activeForeground#ffffff
• tab.border#3b342b
• tab.hoverBackground#17130fee
• tab.hoverForeground#ffffff
• tab.inactiveBackground#1e1a15
• tab.inactiveForeground#91887d
• tab.selectedBorderTop#e89a49
• tab.unfocusedActiveBackground#17130f
• tab.unfocusedActiveBorder#00000000
• tab.unfocusedActiveBorderTop#e89a49b3
• tab.unfocusedActiveForeground#ffffff
• tab.unfocusedHoverBackground#17130f80
• tab.unfocusedInactiveForeground#91887d
• terminal.foreground#c9c0b1
• terminal.selectionBackground#e89a4948
• terminal.tab.activeBorder#e89a49
• textBlockQuote.background#1e1a15
• textBlockQuote.border#3b342b
• textCodeBlock.background#1e1a15
• textLink.activeForeground#e89a49
• textLink.foreground#e89a49
• textPreformat.background#29241e
• textPreformat.foreground#c9c0b1
• textSeparator.foreground#3b342b
• titleBar.activeBackground#1e1a15
• titleBar.activeForeground#c9c0b1
• titleBar.border#3b342b
• titleBar.inactiveBackground#17130f
• titleBar.inactiveForeground#aba195
• tree.indentGuidesStroke#3b342b
• tree.tableColumnsBorder#3b342b
• welcomePage.progress.foreground#e89a49
• welcomePage.tileBackground#1e1a15
• widget.border#3b342b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).