Carbon Candy
Publisher: Viral Team ThemeThemes in package: 31
Carbon Candy Theme for VS Code
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.activeBorder#2ec76f
- activityBar.background#06120b
- activityBar.border#0d2617
- activityBar.foreground#a5f8b8
- activityBar.inactiveForeground#b7ffd2b3
- activityBarBadge.background#2ec76f
- activityBarBadge.foreground#09140c
- activityBarTop.activeBorder#2ec76f
- activityBarTop.background#06120b
- activityBarTop.foreground#d7ffd9
- activityBarTop.inactiveForeground#b7ffd2b3
- activityErrorBadge.background#ff6f5c
- activityErrorBadge.foreground#09140c
- activityWarningBadge.background#2ec76f
- activityWarningBadge.foreground#09140c
- badge.background#0d261720
- badge.foreground#d9ffdc
- breadcrumb.activeSelectionForeground#2ec76f
- breadcrumb.background#08140c
- breadcrumb.focusForeground#d9ffdc
- breadcrumb.foreground#8fc7a0
- breadcrumbPicker.background#04110a
- button.background#2ec76f
- button.foreground#09140c
- button.hoverBackground#2ec76f33
- button.secondaryBackground#09160c
- button.secondaryForeground#9acb91
- button.separator#00000033
- chat.avatarForeground#2ec76f
- chat.checkpointSeparator#204a2f
- chat.requestBorder#2ec76f11
- chat.requestBubbleBackground#09160c
- chat.requestBubbleHoverBackground#09160c
- chat.requestCodeBorder#02120a
- chat.slashCommandBackground#00000000
- chat.slashCommandForeground#2ec76f
- commandCenter.activeBorder#2ec76f
- commandCenter.activeForeground#d9ffd7
- commandCenter.foreground#c8ffca
- contrastActiveBorder#02120a
- contrastBorder#020f08
- debugConsole.errorForeground#ff6f5c
- debugConsole.infoForeground#55f0ce
- debugConsole.warningForeground#2ec76f
- debugToolBar.background#07160c
- debugToolBar.border#2ec76f
- descriptionForeground#9acb91cc
- diffEditor.insertedLineBackground#67d97822
- diffEditor.insertedTextBackground#67d97822
- diffEditor.removedLineBackground#ff6f5c22
- diffEditor.removedTextBackground#ff6f5c22
- disabledForeground#5f7d69
- dropdown.background#08140c
- dropdown.border#0d2617
- editor.background#09160c
- editor.findMatchBackground#10512830
- editor.findMatchBorder#2ec76f
- editor.findMatchHighlightBackground#3f8f5a33
- editor.findMatchHighlightBorder#76ff91
- editor.findMatchHighlightForeground#e9ffdf
- editor.findRangeHighlightBackground#3f8f5a26
- editor.foreground#9acb91
- editor.lineHighlightBackground#0b2714
- editor.lineHighlightBorder#0d311a
- editor.selectionBackground#2ec76f2a
- editor.selectionForeground#ebffe2
- editor.selectionHighlightBackground#2ec76f1f
- editor.wordHighlightBackground#2ec76f14
- editor.wordHighlightStrongBackground#67d97840
- editorBracketMatch.background#072113
- editorBracketMatch.border#2ec76f80
- editorCodeLens.foreground#5f7d69
- editorCursor.background#2ec76f
- editorCursor.foreground#74c472
- editorError.foreground#ff6f5ccc
- editorGroup.border#2ec76f1a
- editorGroupHeader.tabsBackground#09160c
- editorGutter.addedBackground#67d97899
- editorGutter.addedSecondaryBackground#67d97899
- editorGutter.deletedBackground#ff6f5c99
- editorGutter.deletedSecondaryBackground#ff6f5c99
- editorGutter.modifiedBackground#55f0ce99
- editorGutter.modifiedSecondaryBackground#55f0ce99
- editorHoverWidget.background#08140c
- editorHoverWidget.border#2ec76f1a
- editorIndentGuide.activeBackground#3bbb7a
- editorIndentGuide.background#1f4b35cc
- editorInfo.foreground#55f0cecc
- editorLineNumber.activeForeground#9dff96
- editorLineNumber.foreground#4d7e65
- editorLink.activeForeground#d9ffdf
- editorMarkerNavigation.background#2ec76f16
- editorOverviewRuler.border#02120a
- editorOverviewRuler.errorForeground#ff6f5c99
- editorOverviewRuler.findMatchForeground#2ec76f
- editorOverviewRuler.infoForeground#55f0ce99
- editorOverviewRuler.warningForeground#c8ff7d99
- editorRuler.foreground#2e462f
- editorStickyScrollHover.background#1030224d
- editorSuggestWidget.background#08140c
- editorSuggestWidget.border#2ec76f1a
- editorSuggestWidget.foreground#d9ffd7
- editorSuggestWidget.highlightForeground#2ec76f
- editorSuggestWidget.selectedBackground#0d2718
- editorWarning.foreground#c8ff7dcc
- editorWhitespace.foreground#2f4e3d
- editorWidget.background#08140c
- editorWidget.border#2ec76f
- editorWidget.resizeBorder#2ec76f
- extensionBadge.remoteForeground#d9ffdc
- extensionButton.background#2ec76f14
- extensionButton.foreground#2ec76f
- extensionButton.hoverBackground#2ec76f33
- extensionButton.prominentBackground#2ec76f14
- extensionButton.prominentForeground#2ec76f
- extensionButton.prominentHoverBackground#2ec76f33
- extensionButton.separator#2ec76f33
- extensionIcon.preReleaseForeground#ffffff1a
- extensionIcon.verifiedForeground#67d978
- focusBorder#2ec76f33
- foreground#9acb91
- gitDecoration.conflictingResourceForeground#2ec76fe6
- gitDecoration.deletedResourceForeground#ff6f5ce6
- gitDecoration.ignoredResourceForeground#729173
- gitDecoration.modifiedResourceForeground#55f0cee6
- gitDecoration.untrackedResourceForeground#67d978e6
- icon.foreground#8afc9f
- input.background#08140c
- input.border#0d2617
- input.foreground#d9ffd5
- input.placeholderForeground#9dc9b0
- inputOption.activeBackground#2ec76f22
- inputOption.activeBorder#2ec76f22
- inputValidation.errorBorder#ff6f5c
- inputValidation.infoBorder#55f0ce
- inputValidation.warningBorder#c8ff7d
- keybindingLabel.border#09130d
- keybindingLabel.bottomBorder#09130d
- list.activeSelectionBackground#0c3723ff
- list.activeSelectionForeground#7fcd96
- list.activeSelectionIconForeground#2ec76f
- list.dropBackground#2ec76f14
- list.dropBetweenBackground#2ec76f14
- list.focusBackground#2ec76f26
- list.focusForeground#d9ffca
- list.highlightForeground#5dc37e
- list.hoverBackground#0a2e1c
- list.hoverForeground#ebffdf
- list.inactiveSelectionBackground#002b160d
- list.inactiveSelectionForeground#6dc48b
- list.inactiveSelectionIconForeground#2ec76f
- listFilterWidget.background#0000004d
- listFilterWidget.noMatchesOutline#0000004d
- listFilterWidget.outline#0000004d
- menu.background#08140c
- menu.foreground#d9ffd7
- menu.selectionBackground#0b2f1c
- menu.selectionBorder#0000004d
- menu.selectionForeground#2ec76f
- menu.separatorBackground#d9ffd7
- menubar.selectionBackground#0000004d
- menubar.selectionBorder#0000004d
- menubar.selectionForeground#2ec76f
- merge.border#08140c
- merge.currentHeaderBackground#67d97840
- merge.incomingHeaderBackground#55f0ce40
- notebook.focusedCellBorder#2ec76f
- notebook.inactiveFocusedCellBorder#2ec76f80
- notificationLink.foreground#2ec76f
- notifications.background#07160c
- notifications.foreground#d9ffd5
- notificationsWarningIcon.foreground#2ec76f
- notificationToast.border#2ec76f1a
- panel.background#07150b
- panel.border#0d2617
- panel.dropBackground#2ec76f14
- panelTitle.activeBorder#2ec76f
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#c8ffd4a6
- peekView.border#0f3b20
- peekViewEditor.background#08140c
- peekViewEditor.matchHighlightBackground#0b321f
- peekViewEditorGutter.background#06120b
- peekViewResult.background#08140c
- peekViewResult.matchHighlightBackground#0b321f
- peekViewResult.selectionBackground#18412b99
- peekViewTitle.background#08140c
- peekViewTitleDescription.foreground#b7ffbf
- pickerGroup.border#10301d
- pickerGroup.foreground#2ec76f
- progressBar.background#2ec76f
- quickInput.background#06120b
- quickInput.foreground#c8ffd7
- quickInputList.focusBackground#2ec76f26
- quickInputList.focusIconForeground#d9ffca
- quickInputTitle.background#04110a
- sash.hoverBorder#2ec76f80
- scrollbar.shadow#0000004d
- scrollbarSlider.activeBackground#2ec76f
- scrollbarSlider.background#ffffff14
- scrollbarSlider.hoverBackground#ffffff12
- selection.background#2ec76f22
- settings.checkboxBackground#04110a
- settings.checkboxForeground#d9ffd7
- settings.dropdownBackground#04110a
- settings.dropdownForeground#d9ffd7
- settings.headerForeground#d9ffd7
- settings.modifiedItemIndicator#2ec76f
- settings.numberInputBackground#04110a
- settings.numberInputForeground#d9ffd7
- settings.textInputBackground#04110a
- settings.textInputForeground#d9ffd7
- sideBar.background#08140c
- sideBar.border#0d2617
- sideBar.foreground#9de8b8
- sideBarActivityBarTop.border#02120a99
- sideBarSectionHeader.background#08140c
- sideBarSectionHeader.border#02120a99
- sideBarStickyScroll.border#02120a99
- sideBarTitle.foreground#b1d8b4
- statusBar.background#06120b
- statusBar.border#0d2617
- statusBar.debuggingBackground#2ec76f22
- statusBar.debuggingForeground#2ec76f
- statusBar.foreground#d9ffd5
- statusBar.noFolderBackground#06120b
- statusBarItem.hoverBackground#0f2f1d33
- statusBarItem.remoteBackground#2ec76f14
- statusBarItem.remoteForeground#2ec76f
- statusBarItem.remoteHoverBackground#2ec76f33
- statusBarItem.remoteHoverForeground#09140c
- tab.activeBackground#0b1a11
- tab.activeBorder#2ec76f
- tab.activeBorderTop#2ec76f00
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#2ec76f00
- tab.border#0d2617
- tab.inactiveBackground#09160c
- tab.inactiveForeground#8fbe98
- tab.unfocusedActiveBorder#2ec76f
- tab.unfocusedActiveBorderTop#3f5f4f00
- tab.unfocusedActiveForeground#9acb91
- terminal.ansiBlack#000000
- terminal.ansiBlue#55f0ce
- terminal.ansiBrightBlack#3f5f48
- terminal.ansiBrightBlue#7bffdc
- terminal.ansiBrightCyan#6bffdc
- terminal.ansiBrightGreen#67d978
- terminal.ansiBrightMagenta#6cf8ff
- terminal.ansiBrightRed#ff6f5c
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#c8ff7d
- terminal.ansiCyan#47f6c2
- terminal.ansiGreen#6efa77
- terminal.ansiMagenta#5df3ff
- terminal.ansiRed#ff5f4f
- terminal.ansiWhite#ccd9c7
- terminal.ansiYellow#afff6a
- terminal.background#06140c
- terminal.foreground#9acb91
- terminalCommandGuide.foreground#6f997c
- terminalCursor.background#000000
- terminalCursor.foreground#74c472
- textLink.activeForeground#ebffdf
- textLink.foreground#5dc37e
- textPreformat.background#142d1fcc
- textPreformat.foreground#d8ffd9cc
- titleBar.activeBackground#06120b
- titleBar.activeForeground#d9ffd5
- titleBar.border#0d2617
- titleBar.inactiveBackground#04110a
- titleBar.inactiveForeground#8fbda2
- toolbar.activeBackground#2ec76f22
- toolbar.hoverBackground#2ec76f14
- tree.indentGuidesStroke#204833
- widget.border#2ec76f26
- widget.shadow#0000004d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #9acb91 | — |
| string | #8cff88 | — |
| punctuation, constant.other.symbol | #5dc37e | — |
| constant.character.escape, text.html constant.character.entity.named | #9acb91 | — |
| constant.language.boolean | #6efa77 | — |
| constant.numeric | #b5ff67 | — |
| variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments | #9acb91 | — |
| keyword.other | #6dfa7b | — |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #52f9c8 | — |
| entity.name.function, support.function | #9dffaa | — |
| storage.type, storage.modifier, storage.control | #5df0ff | — |
| support.module, support.node | #6cffff | italic |
| support.type, constant.other.key | #7cff6f | — |
| entity.name.type, entity.other.inherited-class, entity.other | #7cff6f | — |
| comment | #4f7d5b | italic |
| comment punctuation.definition.comment | #4f7d5b | italic |
| entity.name, entity.name.type.class, support.type, support.class, meta.use | #7cff6f | — |
| variable.object.property, meta.field.declaration entity.name.function | #6cff94 | — |
| meta.function entity.name.function | #9dffaa | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #8cff8e | — |
| constant.language.json | #5df0ff | — |
| markup.heading | #5dc37e | — |