Cherrygum
Publisher: Robin BandiThemes in package: 1
A dark cherry bubblegum theme for VSCode.
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#090909
- activityBar.border#000000
- activityBar.foreground#d3d0ff
- activityBarBadge.background#c9c5ff
- activityBarBadge.foreground#645cff
- badge.background#331414
- badge.foreground#ff5959
- breadcrumb.activeSelectionForeground#b1ebff
- breadcrumb.background#1F1F1F
- breadcrumb.focusForeground#50aece
- breadcrumb.foreground#a8f0ba
- breadcrumbPicker.background#1F1F1F
- button.background#90d8f035
- contrastBorder#ff9a9a00
- debugToolBar.background#ffc4c44e
- diffEditor.insertedTextBackground#9090F015
- diffEditor.removedTextBackground#C0D8F020
- dropdown.background#090909
- dropdown.border#4671f095
- editor.background#171717
- editor.findMatchBackground#1F1F1F
- editor.findMatchBorder#90D8F0
- editor.findMatchHighlightBackground#3b3b3b36
- editor.findMatchHighlightBorder#07153fae
- editor.foreground#90D8F0
- editor.lineHighlightBackground#25252590
- editor.selectionBackground#90C0F030
- editor.selectionHighlightBackground#30ff592b
- editor.selectionHighlightBorder#90C0F0f0
- editorBracketMatch.background#1F1F1F
- editorBracketMatch.border#5641F07f
- editorCursor.foreground#bab1ff
- editorError.foreground#C0D8F070
- editorGroup.border#1F1F1F30
- editorGroupHeader.tabsBackground#1F1F1F
- editorGutter.addedBackground#9090F060
- editorGutter.deletedBackground#C0D8F060
- editorGutter.modifiedBackground#90C0F060
- editorHoverWidget.background#1F1F1F
- editorHoverWidget.border#4670F010
- editorIndentGuide.activeBackground#272727
- editorIndentGuide.background#E8E8E870
- editorInfo.foreground#90C0F070
- editorLineNumber.activeForeground#90C0F0
- editorLineNumber.foreground#90D8F0c0
- editorLink.activeForeground#90D8F0
- editorMarkerNavigation.background#90D8F005
- editorOverviewRuler.border#1F1F1F
- editorOverviewRuler.errorForeground#C0D8F040
- editorOverviewRuler.findMatchForeground#bdeeff
- editorOverviewRuler.infoForeground#90C0F040
- editorOverviewRuler.warningForeground#5641F070
- editorRuler.foreground#2b2b2b
- editorSuggestWidget.background#1F1F1F
- editorSuggestWidget.border#4670F010
- editorSuggestWidget.foreground#90D8F0
- editorSuggestWidget.highlightForeground#5641F0
- editorSuggestWidget.selectedBackground#90D8F020
- editorWarning.foreground#9090F0
- editorWhitespace.foreground#90D8F040
- editorWidget.background#1F1F1F
- editorWidget.border#b7aeff
- editorWidget.resizeBorder#90D8F0
- extensionButton.prominentBackground#9090F090
- extensionButton.prominentHoverBackground#C0D8F0
- focusBorder#4670F000
- gitDecoration.conflictingResourceForeground#5641F0
- gitDecoration.deletedResourceForeground#C0D8F0
- gitDecoration.ignoredResourceForeground#90D8F0
- gitDecoration.modifiedResourceForeground#A8D8F0
- gitDecoration.untrackedResourceForeground#90C0F0
- input.background#1e1e1e
- input.border#77777732
- input.foreground#ffffff
- input.placeholderForeground#90D8F060
- inputOption.activeBackground#093b4c30
- inputOption.activeBorder#90D8F030
- inputValidation.errorBorder#C0D8F050
- inputValidation.infoBorder#90C0F050
- inputValidation.warningBorder#5641F050
- list.activeSelectionBackground#1F1F1F
- list.activeSelectionForeground#d9f6ff
- list.focusBackground#5E5E5E
- list.focusForeground#90C0F0
- list.highlightForeground#daffef27
- list.hoverBackground#ffffff05
- list.hoverForeground#cdd9ff
- list.inactiveSelectionBackground#1f1f1f70
- list.inactiveSelectionForeground#def7ff
- list.warningForeground#3b3b3b
- listFilterWidget.background#1F1F1F30
- listFilterWidget.noMatchesOutline#1F1F1F30
- listFilterWidget.outline#1F1F1F30
- menu.background#1F1F1Ff8
- menu.border#90D8F050
- menu.foreground#d6f5ff
- menu.selectionBackground#5E5E5E
- menu.selectionBorder#1F1F1F30
- menu.selectionForeground#90D8F0
- menu.separatorBackground#90D8F0
- menubar.selectionBackground#5E5E5E
- menubar.selectionBorder#90D8F050
- menubar.selectionForeground#90D8F0
- minimap.background#18181855
- minimapGutter.addedBackground#C0D8F0
- minimapGutter.deletedBackground#5641F0
- minimapGutter.modifiedBackground#d8d8ff
- minimapSlider.activeBackground#9090F0b0
- minimapSlider.background#9090F080
- minimapSlider.hoverBackground#9090F0a0
- notificationLink.foreground#90D8F0
- notifications.background#1F1F1F
- notifications.foreground#90D8F0
- panel.background#1F1F1F
- panel.border#1F1F1F60
- panelTitle.activeBorder#90D8F0
- panelTitle.activeForeground#a2baff
- panelTitle.inactiveForeground#90D8F0
- peekView.border#1F1F1F30
- peekViewEditor.background#90D8F005
- peekViewEditor.matchHighlightBackground#90D8F050
- peekViewEditorGutter.background#90D8F005
- peekViewResult.background#90D8F005
- peekViewResult.matchHighlightBackground#90D8F050
- peekViewResult.selectionBackground#90D8F070
- peekViewTitle.background#90D8F005
- peekViewTitleDescription.foreground#90D8F060
- pickerGroup.foreground#90D8F0
- progressBar.background#90D8F0
- scrollbar.shadow#1F1F1F00
- scrollbarSlider.activeBackground#00000000
- scrollbarSlider.background#00000000
- scrollbarSlider.hoverBackground#00000000
- selection.background#393939
- settings.checkboxBackground#1F1F1F
- settings.checkboxForeground#e4f8ff
- settings.dropdownBackground#1F1F1F
- settings.dropdownForeground#e7f9ff
- settings.headerForeground#e8f9ff
- settings.modifiedItemIndicator#eefbff
- settings.numberInputBackground#1F1F1F
- settings.numberInputForeground#dbf6ff
- settings.textInputBackground#1F1F1F
- settings.textInputForeground#ecfaff
- sideBar.background#0d0d0d
- sideBar.border#242424
- sideBar.foreground#f1f8ff
- sideBarSectionHeader.background#1F1F1F
- sideBarSectionHeader.border#1f1f1f60
- sideBarSectionHeader.foreground#ebebeb
- sideBarTitle.foreground#90D8F0
- statusBar.background#000000
- statusBar.border#1F1F1F60
- statusBar.debuggingBackground#5641F0
- statusBar.debuggingForeground#4670F0
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#1F1F1F
- statusBarItem.hoverBackground#3c3c3cb9
- statusBarItem.remoteBackground#000000
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#28282812
- tab.activeBorder#3d3d3d
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#313131
- tab.border#1e1e1e
- tab.inactiveBackground#6e6e6e0c
- tab.inactiveForeground#ffffff93
- tab.unfocusedActiveBackground#90D8F040
- tab.unfocusedActiveBorder#2a7791
- tab.unfocusedActiveForeground#ffffff
- tab.unfocusedInactiveBackground#ffffff
- tab.unfocusedInactiveForeground#90D8F07f
- terminal.ansiBlack#1F1F1F
- terminal.ansiBlue#90C0F0
- terminal.ansiBrightBlack#90D8F0
- terminal.ansiBrightBlue#90C0F0
- terminal.ansiBrightCyan#A890F0
- terminal.ansiBrightGreen#9090F0
- terminal.ansiBrightMagenta#5641F0
- terminal.ansiBrightRed#C0D8F0
- terminal.ansiBrightWhite#4670F0
- terminal.ansiBrightYellow#5641F0
- terminal.ansiCyan#A890F0
- terminal.ansiGreen#9090F0
- terminal.ansiMagenta#5641F0
- terminal.ansiRed#C0D8F0
- terminal.ansiWhite#4670F0
- terminal.ansiYellow#5641F0
- terminalCursor.background#1F1F1F
- terminalCursor.foreground#ffffff
- textLink.activeForeground#d7f5ff
- textLink.foreground#9e9e9e
- titleBar.activeBackground#1F1F1F
- titleBar.activeForeground#d7f5ff
- titleBar.border#1f1f1fb7
- titleBar.inactiveBackground#1F1F1F
- titleBar.inactiveForeground#ffffff
- tree.indentGuidesStroke#303030
- widget.shadow#1F1F1F30
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #ffffff9e | italic |
| variable, string constant.other.placeholder | #a9ffb6 | — |
| constant.other.color | #ffcb47 | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword, storage.type, storage.modifier | #4fff90 | — |
| keyword.control, constant.other.color, punctuation, meta.tag | #ff6db1 | — |
| keyword.other.template, keyword.other.substitution, meta.tag | #ffffff | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #ffd9fc | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #ddffea | — |
| meta.block variable.other | #d6ffdf | — |
| support.other.variable, string.other.link | #f07178 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #ffd7e4 | — |
| 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 | #edffea | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #FFCB6B | — |
| support.type | #9ce3ff | — |
| 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 | #cac8ff | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #ff4e6b | — |
| variable.language | #ff5672 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #35ffb5 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #ffd588 | italic |
| entity.other.attribute-name.class | #7dff7d | — |
| 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 |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #F78C6C | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FF5370 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C17E70 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #82AAFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f07178 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C3E88D | — |
| 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 | #C3E88D | — |
| 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 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...