Lilcherry Theme
Publisher: lilcherryThemes in package: 1
A cozy dark VS Code theme in cherry pink — soft pastel vibes without looking washed out. Made with 🍒 by lilcherry.ai.maker
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#1a1418
- activityBar.border#2b2026
- activityBar.foreground#f7edf1
- activityBar.inactiveForeground#8d6f7f
- activityBarBadge.background#c9184a
- activityBarBadge.foreground#fff5f8
- badge.background#c9184a
- badge.foreground#fff5f8
- breadcrumb.activeSelectionForeground#ff89ab
- breadcrumb.background#211a1e
- breadcrumb.focusForeground#f7edf1
- breadcrumb.foreground#8d6f7f
- breadcrumbPicker.background#251b21
- button.background#c9184a
- button.foreground#fff5f8
- button.hoverBackground#e03563
- button.secondaryBackground#3a2a32
- button.secondaryForeground#f7edf1
- button.secondaryHoverBackground#4a3540
- diffEditor.insertedLineBackground#7fbf9b1a
- diffEditor.insertedTextBackground#7fbf9b2a
- diffEditor.removedLineBackground#ff5c7a1a
- diffEditor.removedTextBackground#ff5c7a2a
- disabledForeground#8d6f7f
- dropdown.background#251b21
- dropdown.border#3a2a32
- dropdown.foreground#f7edf1
- editor.background#211a1e
- editor.findMatchBackground#c9184a66
- editor.findMatchBorder#ff89ab
- editor.findMatchHighlightBackground#c9184a33
- editor.foldBackground#c9184a1a
- editor.foreground#f7edf1
- editor.inactiveSelectionBackground#e9c6d51a
- editor.lineHighlightBackground#2b20261a
- editor.lineHighlightBorder#2b2026
- editor.selectionBackground#c9184a40
- editor.selectionHighlightBackground#e9c6d526
- editor.wordHighlightBackground#e9c6d51f
- editor.wordHighlightStrongBackground#c9184a2e
- editorBracketHighlight.foreground1#ff89ab
- editorBracketHighlight.foreground2#e9c6d5
- editorBracketHighlight.foreground3#f5d8a8
- editorBracketHighlight.foreground4#d9a5c0
- editorBracketHighlight.foreground5#c9bfcb
- editorBracketHighlight.foreground6#e08cb6
- editorBracketHighlight.unexpectedBracket.foreground#ff5c7a
- editorBracketMatch.background#c9184a4d
- editorBracketMatch.border#ff89ab
- editorCursor.foreground#ff89ab
- editorError.foreground#ff5c7a
- editorGroup.border#2b2026
- editorGroupHeader.border#2b2026
- editorGroupHeader.tabsBackground#1a1418
- editorGroupHeader.tabsBorder#2b2026
- editorGutter.addedBackground#7fbf9b
- editorGutter.background#211a1e
- editorGutter.deletedBackground#ff5c7a
- editorGutter.modifiedBackground#e0a86c
- editorIndentGuide.activeBackground1#c9184a80
- editorIndentGuide.background1#2b2026
- editorInfo.foreground#a8c7e0
- editorLineNumber.activeForeground#ff89ab
- editorLineNumber.foreground#5d4a54
- editorLink.activeForeground#ff89ab
- editorOverviewRuler.border#2b2026
- editorRuler.foreground#2b2026
- editorSuggestWidget.background#251b21
- editorSuggestWidget.border#3a2a32
- editorSuggestWidget.foreground#f7edf1
- editorSuggestWidget.highlightForeground#ff89ab
- editorSuggestWidget.selectedBackground#c9184a33
- editorWarning.foreground#e0a86c
- editorWhitespace.foreground#3a2a32
- editorWidget.background#251b21
- editorWidget.border#3a2a32
- errorForeground#ff5c7a
- focusBorder#c9184a
- foreground#f7edf1
- gitDecoration.addedResourceForeground#7fbf9b
- gitDecoration.deletedResourceForeground#ff5c7a
- gitDecoration.ignoredResourceForeground#5d4a54
- gitDecoration.modifiedResourceForeground#e0a86c
- gitDecoration.untrackedResourceForeground#e9c6d5
- icon.foreground#e9c6d5
- input.background#1a1418
- input.border#3a2a32
- input.foreground#f7edf1
- input.placeholderForeground#8d6f7f
- inputOption.activeBackground#c9184a4d
- inputOption.activeBorder#c9184a
- list.activeSelectionBackground#c9184a40
- list.activeSelectionForeground#fff5f8
- list.focusBackground#c9184a33
- list.highlightForeground#ff89ab
- list.hoverBackground#2b2026
- list.inactiveSelectionBackground#2b2026
- list.inactiveSelectionForeground#f7edf1
- menu.background#251b21
- menu.foreground#f7edf1
- menu.selectionBackground#c9184a40
- menu.selectionForeground#fff5f8
- menu.separatorBackground#3a2a32
- minimap.background#1a1418
- minimap.findMatchHighlight#c9184a99
- minimap.selectionHighlight#c9184a66
- notificationCenterHeader.background#251b21
- notifications.background#251b21
- notifications.border#3a2a32
- notifications.foreground#f7edf1
- panel.background#1a1418
- panel.border#2b2026
- panelTitle.activeBorder#c9184a
- panelTitle.activeForeground#f7edf1
- panelTitle.inactiveForeground#8d6f7f
- peekView.border#c9184a
- peekViewEditor.background#251b21
- peekViewResult.background#1a1418
- peekViewTitle.background#251b21
- pickerGroup.border#3a2a32
- pickerGroup.foreground#ff89ab
- progressBar.background#c9184a
- quickInput.background#251b21
- quickInput.foreground#f7edf1
- quickInputList.focusBackground#c9184a40
- quickInputList.focusForeground#fff5f8
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#c9184a80
- scrollbarSlider.background#3a2a3280
- scrollbarSlider.hoverBackground#4a354080
- selection.background#c9184a4d
- settings.headerForeground#ff89ab
- settings.modifiedItemIndicator#c9184a
- sideBar.background#1a1418
- sideBar.border#2b2026
- sideBar.foreground#e9c6d5
- sideBarSectionHeader.background#1a1418
- sideBarSectionHeader.border#2b2026
- sideBarSectionHeader.foreground#e9c6d5
- sideBarTitle.foreground#f7edf1
- statusBar.background#1a1418
- statusBar.border#2b2026
- statusBar.debuggingBackground#c9184a
- statusBar.debuggingForeground#fff5f8
- statusBar.foreground#e9c6d5
- statusBar.noFolderBackground#1a1418
- statusBarItem.remoteBackground#c9184a
- statusBarItem.remoteForeground#fff5f8
- tab.activeBackground#211a1e
- tab.activeBorderTop#c9184a
- tab.activeForeground#f7edf1
- tab.border#2b2026
- tab.hoverBackground#251b21
- tab.inactiveBackground#1a1418
- tab.inactiveForeground#8d6f7f
- terminal.ansiBlack#3a2a32
- terminal.ansiBlue#a8c7e0
- terminal.ansiBrightBlack#8d6f7f
- terminal.ansiBrightBlue#c2dbf0
- terminal.ansiBrightCyan#b8e6da
- terminal.ansiBrightGreen#a3d9bb
- terminal.ansiBrightMagenta#ffb3ca
- terminal.ansiBrightRed#ff8099
- terminal.ansiBrightWhite#fff5f8
- terminal.ansiBrightYellow#f8e4c0
- terminal.ansiCyan#9dd6c6
- terminal.ansiGreen#7fbf9b
- terminal.ansiMagenta#ff89ab
- terminal.ansiRed#ff5c7a
- terminal.ansiWhite#f7edf1
- terminal.ansiYellow#f5d8a8
- terminal.background#1a1418
- terminal.foreground#f7edf1
- terminal.selectionBackground#c9184a40
- terminalCursor.foreground#ff89ab
- textLink.activeForeground#ffb3ca
- textLink.foreground#ff89ab
- titleBar.activeBackground#1a1418
- titleBar.activeForeground#f7edf1
- titleBar.border#2b2026
- titleBar.inactiveBackground#1a1418
- titleBar.inactiveForeground#8d6f7f
- tree.indentGuidesStroke#3a2a32
- walkThrough.embeddedEditorBackground#1a1418
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8d6f7f | italic |
| string, string.quoted, punctuation.definition.string | #e9c6d5 | — |
| punctuation.definition.template-expression, string.interpolated | #ff89ab | — |
| constant.numeric, constant.language, constant.character, constant.other | #e08cb6 | — |
| keyword, keyword.control, storage.type, storage.modifier | #ff89ab | — |
| keyword.operator, punctuation.separator, punctuation.terminator | #c9bfcb | — |
| entity.name.function, support.function, meta.function-call.generic | #f5d8a8 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class | #d9a5c0 | — |
| variable, variable.other, meta.definition.variable | #f7edf1 | — |
| variable.parameter | #ffd6e0 | italic |
| variable.other.property, support.variable.property, entity.other.attribute-name | #e9c6d5 | — |
| entity.name.tag, punctuation.definition.tag | #ff89ab | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #f5d8a8 | — |
| support.type.property-name.css, support.type.property-name | #e9c6d5 | — |
| support.type.property-name.json | #ff89ab | — |
| markup.heading, entity.name.section | #ff89ab | bold |
| markup.bold | #f5d8a8 | bold |
| markup.italic | #e9c6d5 | italic |
| markup.underline.link, string.other.link | #e08cb6 | — |
| markup.inline.raw, markup.fenced_code.block | #d9a5c0 | — |
| constant.character.escape | #ff89ab | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #e08cb6 | italic |
| invalid, invalid.illegal | #ff5c7a | — |