Dark Cherry Ice-Cream Theme
Publisher: James GullandThemes in package: 2
🍒 Clean, simple, and elegant dark cherry ice-cream theme, heavily inspired by T3 Chat.
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#1d1921
- activityBar.foreground#baa4ed
- activityBar.inactiveForeground#7a6483
- activityBarBadge.background#362d3d
- activityBarBadge.foreground#baa4ed
- activityBarTop.foreground#baa4ed
- activityBarTop.inactiveForeground#7a6483
- badge.background#7a6483
- badge.foreground#f9f8fb
- breadcrumb.activeSelectionForeground#baa4ed
- breadcrumb.background#1d1921
- breadcrumb.focusForeground#baa4ed
- breadcrumb.foreground#7a6483
- breadcrumbPicker.background#1d1921
- button.background#a23b6790
- button.foreground#d2c7e1
- button.hoverBackground#a23b67
- button.secondaryBackground#7a648370
- button.secondaryForeground#d2c7e1
- button.secondaryHoverBackground#7a648390
- button.separator#362d3d80
- checkbox.background#1d1921
- checkbox.foreground#baa4ed
- commandCenter.activeBorder#baa4ed
- commandCenter.background#362d3d
- commandCenter.foreground#d2c7e1
- commandCenter.inactiveForeground#7a6483
- descriptionForeground#d2c7e1
- disabledForeground#7a6483
- dropdown.background#362d3d
- dropdown.border#362d3d
- dropdown.foreground#d2c7e1
- dropdown.listBackground#1d1921
- editor.background#1d1921
- editor.findMatchBackground#7a6483
- editor.findMatchBorder#7a648390
- editor.findMatchHighlightBackground#7a648390
- editor.findMatchHighlightBorder#7a648390
- editor.findRangeHighlightBackground#7a648390
- editor.findRangeHighlightBorder#7a648390
- editor.foreground#D2C7E1
- editor.hoverHighlightBackground#7a648390
- editor.lineHighlightBackground#362d3d80
- editor.rangeHighlightBackground#7a648390
- editor.selectionBackground#7a648390
- editor.selectionHighlightBackground#7a648390
- editor.wordHighlightBackground#939ab733
- editor.wordHighlightStrongBackground#8aadf433
- editorActionList.focusBackground#1d1921
- editorActionList.focusForeground#D2C7E1
- editorBracketHighlight.foreground1#d2c7e1
- editorBracketHighlight.foreground2#d2c7e1
- editorBracketHighlight.foreground3#d2c7e1
- editorBracketHighlight.foreground4#d2c7e1
- editorBracketHighlight.foreground5#d2c7e1
- editorBracketHighlight.foreground6#d2c7e1
- editorBracketHighlight.unexpectedBracket.foreground#d2c7e1
- editorBracketMatch.background#939ab71a
- editorBracketMatch.border#939ab7
- editorCodeLens.foreground#7a6483
- editorCommentsWidget.foreground#d2c7e1
- editorCommentsWidget.rangeBackground#1d1921
- editorCursor.foreground#baa4ed
- editorError.foreground#f36c6c
- editorGroup.dropBackground#362d3d80
- editorGroupHeader.noTabsBackground#362d3d
- editorGroupHeader.tabsBackground#362d3d
- editorGutter.addedBackground#baa4ed
- editorGutter.modifiedBackground#baa4ed
- editorHoverWidget.background#362d3d
- editorHoverWidget.foreground#d2c7e1
- editorIndentGuide.activeBackground#7a6483
- editorIndentGuide.background#7a648390
- editorInfo.foreground#baa4ed
- editorLightBulb.foreground#FFCB6B
- editorLineNumber.activeForeground#baa4ed
- editorLineNumber.foreground#7a6483
- editorLink.activeForeground#f2ebfa
- editorStickyScroll.shadow#362d3d
- editorStickyScrollHover.background#362d3d
- editorSuggestWidget.background#362d3d
- editorSuggestWidget.selectedBackground#1d1921
- editorWarning.foreground#FFCB6B
- editorWidget.background#362d3d
- editorWidget.foreground#d2c7e1
- editorWidget.resizeBorder#5b6078
- errorForeground#f36c6c
- errorLens.errorBackground#f36c6c20
- errorLens.errorBorder#f36c6c
- errorLens.errorForeground#f36c6c
- errorLens.errorGutterIconColor#f36c6c
- errorLens.errorLineBackground#f36c6c10
- errorLens.errorLineBorder#f36c6c80
- errorLens.errorMessageBackground#362d3d
- errorLens.hintBackground#96d0bb20
- errorLens.hintBorder#80b7a4
- errorLens.hintForeground#96d0bb
- errorLens.hintGutterIconColor#80b7a4
- errorLens.hintLineBackground#80b7a410
- errorLens.hintLineBorder#80b7a480
- errorLens.hintMessageBackground#362d3d
- errorLens.infoBackground#baa4ed20
- errorLens.infoBorder#baa4ed
- errorLens.infoForeground#baa4ed
- errorLens.infoGutterIconColor#baa4ed
- errorLens.infoLineBackground#baa4ed10
- errorLens.infoLineBorder#baa4ed80
- errorLens.infoMessageBackground#362d3d
- errorLens.warningBackground#FFCB6B20
- errorLens.warningBorder#FFCB6B
- errorLens.warningForeground#FFCB6B
- errorLens.warningGutterIconColor#FFCB6B
- errorLens.warningLineBackground#FFCB6B10
- errorLens.warningLineBorder#FFCB6B80
- errorLens.warningMessageBackground#362d3d
- extensionBadge.remoteBackground#8aadf4
- extensionBadge.remoteForeground#181926
- extensionIcon.preReleaseForeground#baa4ed
- extensionIcon.sponsorForeground#a23b67
- extensionIcon.starForeground#FFCB6B
- extensionIcon.verifiedForeground#80b7a4
- focusBorder#362d3d
- foreground#d2c7e1
- gitDecoration.addedResourceForeground#80b7a4
- gitDecoration.conflictingResourceForeground#baa4ed
- gitDecoration.deletedResourceForeground#a23b67
- gitDecoration.ignoredResourceForeground#7a6483
- gitDecoration.modifiedResourceForeground#FFCB6B
- gitDecoration.renamedResourceForeground#FFCB6B
- gitDecoration.stageDeletedResourceForeground#ed8796
- gitDecoration.stageModifiedResourceForeground#FFCB6B
- gitDecoration.submoduleResourceForeground#d56698
- gitDecoration.untrackedResourceForeground#80b7a4
- gitlens.avatarBackgroundColor#362d3d
- gitlens.avatarForegroundColor#d2c7e1
- gitlens.codeLensBackgroundColor#1d192100
- gitlens.codeLensForegroundColor#7a6483
- gitlens.currentLineBackgroundColor#baa4ed10
- gitlens.currentLineForegroundColor#d2c7e1
- gitlens.decorations.addedForegroundColor#80b7a4
- gitlens.decorations.conflictForegroundColor#f888b5
- gitlens.decorations.deletedForegroundColor#f36c6c
- gitlens.decorations.ignoredForegroundColor#7a6483
- gitlens.decorations.modifiedForegroundColor#FFCB6B
- gitlens.decorations.untrackedForegroundColor#baa4ed
- gitlens.graphLaneColor1#baa4ed
- gitlens.graphLaneColor2#f888b5
- gitlens.graphLaneColor3#80b7a4
- gitlens.graphLaneColor4#FFCB6B
- gitlens.graphLaneColor5#d56698
- gitlens.graphLaneColor6#96d0bb
- gitlens.graphLaneColor7#f07178
- gitlens.graphLaneColor8#a23b67
- gitlens.graphLaneColor9#65737E
- gitlens.gutterBackgroundColor#1d192100
- gitlens.gutterForegroundColor#baa4ed
- gitlens.lineHighlightBackground#baa4ed20
- gitlens.lineHighlightOverviewRulerColor#baa4ed
- gitlens.theme.accentColor#a23b67
- gitlens.theme.colordark
- gitlens.theme.highConstrast
- gitlens.theme.modeauto
- gitlens.theme.override.themeColors
- gitlens.trailingLineBackgroundColor#1d1921
- gitlens.trailingLineForegroundColor#7a6483
- icon.foreground#baa4ed
- input.background#362d3d
- input.border#362d3d
- input.foreground#d2c7e1
- input.placeholderForeground#7a6483
- inputOption.activeBackground#1d1921
- inputOption.activeBorder#1d1921
- inputOption.activeForeground#d2c7e1
- inputOption.hoverBackground#362d3d
- inputValidation.errorBackground#f888b5
- inputValidation.errorBorder#362d3d
- inputValidation.errorForeground#181926
- inputValidation.infoBackground#1d1921
- inputValidation.infoBorder#d2c7e1
- inputValidation.infoForeground#181926
- inputValidation.warningBackground#FFCB6B
- inputValidation.warningBorder#362d3d
- inputValidation.warningForeground#181926
- list.activeSelectionBackground#362d3d
- list.activeSelectionForeground#d2c7e1
- list.dropBackground#362d3d90
- list.highlightForeground#baa4ed
- list.hoverBackground#362d3d
- list.hoverForeground#d2c7e1
- list.inactiveSelectionBackground#362d3d
- list.inactiveSelectionForeground#d2c7e1
- list.inactiveSelectionIconForeground#7a6483
- list.warningForeground#f5a97f
- menu.background#1d1921
- menu.border#1d1921
- menu.foreground#7a6483
- menu.selectionBackground#362d3d
- menu.selectionForeground#d2c7e1
- menu.separatorBackground#7a6483
- menubar.selectionBackground#362d3d
- menubar.selectionForeground#d2c7e1
- notificationCenter.border#baa4ed
- notificationCenterHeader.background#362d3d
- notificationCenterHeader.foreground#d2c7e1
- notificationLink.foreground#d2c7e1
- notifications.background#362d3d
- notifications.border#baa4ed
- notifications.foreground#d2c7e1
- notificationsErrorIcon.foreground#f36c6c
- notificationsInfoIcon.foreground#baa4ed
- notificationsWarningIcon.foreground#FFCB6B
- notificationToast.border#baa4ed
- panel.border#362d3d
- panelSection.border#7a6483
- panelSectionHeader.border#7a6483
- panelTitle.activeBorder#baa4ed
- panelTitle.activeForeground#baa4ed
- panelTitle.inactiveForeground#7a6483
- pickerGroup.foreground#7a6483
- progressBar.background#baa4ed
- quickInput.background#1d1921
- quickInput.foreground#7a6483
- quickInputList.focusForeground#D2C7E1
- sash.hoverBorder#baa4ed
- scrollbarSlider.activeBackground#baa4ed80
- scrollbarSlider.background#7a648380
- scrollbarSlider.hoverBackground#baa4ed80
- selection.background#a23b6790
- settings.dropdownBackground#362d3d
- settings.dropdownListBorder#362d3d
- settings.focusedRowBackground#362d3d90
- settings.headerForeground#d2c7e1
- settings.modifiedItemIndicator#baa4ed
- settings.numberInputBackground#362d3d
- settings.numberInputBorder#362d3d
- settings.textInputBackground#362d3d
- settings.textInputBorder#362d3d
- sideBar.background#1d1921
- sideBar.border#362d3d
- sideBar.dropBackground#baa4ed
- sideBar.foreground#d2c7e1
- sideBarSectionHeader.background#1d1921
- sideBarSectionHeader.foreground#D2C7E1
- sideBarStickyScroll.border#7a6483
- sideBarTitle.foreground#baa4ed
- statusBar.background#362d3d
- statusBar.focusBorder#362d3d
- statusBar.foreground#baa4ed
- statusBar.noFolderBackground#362d3d
- statusBar.noFolderForeground#baa4ed
- statusBarItem.compactHoverBackground#baa4ed
- statusBarItem.errorBackground#362d3d
- statusBarItem.errorForeground#baa4ed
- statusBarItem.hoverBackground#baa4ed
- statusBarItem.hoverForeground#362d3d
- statusBarItem.prominentBackground#362d3d
- statusBarItem.prominentForeground#baa4ed
- statusBarItem.prominentHoverBackground#362d3d
- statusBarItem.prominentHoverForeground#baa4ed
- statusBarItem.remoteBackground#362d3d
- statusBarItem.remoteForeground#baa4ed
- statusBarItem.warningBackground#362d3d
- statusBarItem.warningForeground#baa4ed
- tab.activeBackground#1d1921
- tab.activeBorderTop#baa4ed
- tab.activeForeground#baa4ed
- tab.border#362d3d
- tab.inactiveBackground#1d1921
- tab.inactiveForeground#7a6483
- terminal.ansiBlack#1d1921
- terminal.ansiBlue#baa4ed
- terminal.ansiBrightBlack#362d3d
- terminal.ansiBrightBlue#baa4ed
- terminal.ansiBrightCyan#94e2d5
- terminal.ansiBrightGreen#96d0bb
- terminal.ansiBrightMagenta#89b4fa
- terminal.ansiBrightRed#f07178
- terminal.ansiBrightWhite#f9f8fb
- terminal.ansiBrightYellow#FFCB6B
- terminal.ansiCyan#94e2d5
- terminal.ansiGreen#96d0bb
- terminal.ansiMagenta#89b4fa
- terminal.ansiRed#f36c6c
- terminal.ansiWhite#d2c7e1
- terminal.ansiYellow#FFCB6B
- terminal.background#1d1921
- terminal.foreground#d2c7e1
- terminal.inactiveSelectionBackground#362d3d90
- terminal.selectionBackground#7a648390
- terminalCursor.background#1d1921
- terminalCursor.foreground#baa4ed
- textBlockQuote.background#362d3d
- textBlockQuote.border#362d3d
- textCodeBlock.background#362d3d
- textLink.activeForeground#d2c7e1
- textLink.foreground#d2c7e1
- textPreformat.foreground#d2c7e1
- textSeparator.foreground#baa4ed
- titleBar.activeBackground#362d3d
- titleBar.activeForeground#d2c7e1
- titleBar.inactiveBackground#362d3d
- toolbar.hoverBackground#1d1921
- tree.inactiveIndentGuidesStroke#7a648390
- tree.indentGuidesStroke#7a6483
- welcomePage.progress.background#362d3d
- welcomePage.progress.foreground#baa4ed
- welcomePage.tileBackground#1d1921
- widget.border#baa4ed
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7a6483 | italic |
| variable, variable.other.readwrite, string constant.other.placeholder, meta.import, meta.tag, meta.tag.attributes.js.jsx, meta.tag.js.jsx, meta.var.expr.ts.tsx | #f2ebfa | — |
| constant.other.color | #ffffff | — |
| storage.modifier, storage.type | #f888b5 | — |
| keyword.control, constant.other.color, punctuation.separator.inheritance.php, keyword.other.template, keyword.other.substitution | #f888b5 | italic |
| keyword, punctuation.definition.parameters.begin, punctuation.definition.parameters.begin.js.jsx, punctuation.definition.parameters.end, punctuation.definition.tag, punctuation.definition.block, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, punctuation.section.embedded.begin, punctuation.section.embedded.end, punctuation.terminator.statement.ts.tsx, punctuation.separator.inheritance.php, punctuation.brackets, punctuation.comma, punctuation.semi, punctuation.definition.parameters, punctuation.definition.interpolation, punctuation.section.parens, punctuation.section.embedded, meta.parens, support.type.property-name, punctuation.definition.arguments, constant.character.format.placeholder, punctuation.definition.logical-expression.shell, punctuation.definition.variable.shell, keyword.operator, source.ts.tsx, source.js.jsx, meta.function.js, meta.parameters.js, punctuation.definition.parameters.js | #d2c7e1 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #e8a5e4 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other | #96d0bb | — |
| constant.language.boolean.false, invalid, invalid.illegal | #f36c6c | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #baa4ed | — |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #d2c7e1 | italic |
| support.other.variable, string.other.link | #f07178 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #96d0bb | — |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #d2c7e1 | — |
| entity.name.type, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, entity.other.inherited-class.python, support.type.sys-types | #FFCB6B | — |
| support.class | #E8A5E4 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #d2c7e1 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| entity.other.attribute-name | #baa4ed | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #baa4ed | italic |
| entity.other.attribute-name.class, entity.other.attribute-name | #baa4ed | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #baa4ed | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #d2c7e1 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #96d0bb | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |