Cherry Blossom Theme
Publisher: daitsukuThemes in package: 15
A VSCode theme inspired by a color palette of a sakura / cherry blossom.
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#FFEAEF
- activityBar.border#F5D6E0
- activityBar.foreground#D95D92
- activityBar.inactiveForeground#AA8699
- activityBarBadge.background#D95D92
- activityBarBadge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#2A1F28
- breadcrumb.focusForeground#2A1F28
- breadcrumb.foreground#AA8699
- breadcrumbPicker.background#FFF0F5
- button.background#D95D92
- button.foreground#FFFFFF
- button.hoverBackground#E678A5
- charts.blue#5D92D9
- charts.foreground#2A1F28
- charts.green#6BAD9A
- charts.lines#AA8699
- charts.orange#E09C5D
- charts.purple#B15D95
- charts.red#D95D92
- charts.yellow#D9A95D
- debugIcon.breakpointForeground#D95D92
- debugIcon.startForeground#6BAD9A
- debugIcon.stopForeground#D95D92
- debugToolBar.background#FFF0F5
- diffEditor.border#F5D6E0
- diffEditor.insertedTextBackground#6BAD9A20
- diffEditor.removedTextBackground#D95D9220
- editor.background#FFF5F8
- editor.foreground#2A1F28
- editor.lineHighlightBackground#FFEAEF
- editor.lineHighlightBorder#FFEAEF00
- editor.selectionBackground#F7BDD380
- editor.selectionHighlightBackground#F7BDD360
- editor.wordHighlightBackground#D8A5BD40
- editor.wordHighlightStrongBackground#D8A5BD60
- editorGroupHeader.tabsBackground#FFEAEF
- editorGroupHeader.tabsBorder#F5D6E0
- editorGutter.background#FFF5F8
- editorLineNumber.activeForeground#D95D92
- editorLineNumber.foreground#AA8699
- editorOverviewRuler.currentContentForeground#6BAD9A
- editorOverviewRuler.incomingContentForeground#5D92D9
- editorSuggestWidget.background#FFF0F5
- editorSuggestWidget.border#F5D6E0
- editorSuggestWidget.highlightForeground#D95D92
- editorSuggestWidget.selectedBackground#F7BDD3
- editorWidget.background#FFF0F5
- editorWidget.border#F5D6E0
- extensionButton.prominentBackground#D95D92
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#E678A5
- gitDecoration.conflictingResourceForeground#D9A95D
- gitDecoration.deletedResourceForeground#D95D92
- gitDecoration.ignoredResourceForeground#AA8699
- gitDecoration.modifiedResourceForeground#5D92D9
- gitDecoration.untrackedResourceForeground#6BAD9A
- input.background#FFF5F8
- input.border#F5D6E0
- input.foreground#2A1F28
- input.placeholderForeground#AA8699
- keybindingLabel.background#FFEAEF
- keybindingLabel.border#F5D6E0
- keybindingLabel.bottomBorder#F5D6E0
- keybindingLabel.foreground#2A1F28
- list.activeSelectionBackground#F7BDD3
- list.activeSelectionForeground#2A1F28
- list.focusBackground#F7BDD3
- list.focusForeground#2A1F28
- list.highlightForeground#D95D92
- list.hoverBackground#FFEAEF
- list.inactiveSelectionBackground#FFEAEF
- list.inactiveSelectionForeground#2A1F28
- merge.commonContentBackground#AA869920
- merge.commonHeaderBackground#AA869930
- merge.currentContentBackground#6BAD9A20
- merge.currentHeaderBackground#6BAD9A40
- merge.incomingContentBackground#5D92D920
- merge.incomingHeaderBackground#5D92D940
- notificationCenter.border#F5D6E0
- notificationCenterHeader.background#FFF0F5
- notificationCenterHeader.foreground#2A1F28
- notificationLink.foreground#5D92D9
- notifications.background#FFF0F5
- notifications.border#F5D6E0
- notifications.foreground#2A1F28
- notificationToast.border#F5D6E0
- panel.background#FFF0F5
- panel.border#F5D6E0
- panelTitle.activeForeground#2A1F28
- panelTitle.inactiveForeground#AA8699
- peekView.border#D95D92
- peekViewEditor.background#FFF5F8
- peekViewEditor.matchHighlightBackground#F7BDD360
- peekViewResult.background#FFF0F5
- peekViewResult.matchHighlightBackground#F7BDD360
- peekViewTitle.background#FFEAEF
- scrollbarSlider.activeBackground#D8A5BD80
- scrollbarSlider.background#D8A5BD40
- scrollbarSlider.hoverBackground#D8A5BD60
- settings.checkboxBackground#FFF5F8
- settings.dropdownBackground#FFF5F8
- settings.headerForeground#D95D92
- settings.modifiedItemIndicator#5D92D9
- settings.numberInputBackground#FFF5F8
- settings.textInputBackground#FFF5F8
- sideBar.background#FFF0F5
- sideBar.border#F5D6E0
- sideBar.foreground#2A1F28
- statusBar.background#FFEAEF
- statusBar.border#F5D6E0
- statusBar.debuggingBackground#F7BDD3
- statusBar.foreground#2A1F28
- statusBar.noFolderBackground#FFEAEF
- tab.activeBackground#FFF5F8
- tab.activeBorder#D95D92
- tab.activeForeground#2A1F28
- tab.inactiveBackground#FFF0F5
- tab.inactiveForeground#AA8699
- tab.unfocusedActiveBorder#D8A5BD
- terminal.ansiBlack#2A1F28
- terminal.ansiBlue#5D92D9
- terminal.ansiBrightBlack#AA8699
- terminal.ansiBrightBlue#7DABEB
- terminal.ansiBrightCyan#7DCEEB
- terminal.ansiBrightGreen#87C4B1
- terminal.ansiBrightMagenta#CE7DAD
- terminal.ansiBrightRed#E678A5
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#EBBE7D
- terminal.ansiCyan#5DB1D9
- terminal.ansiGreen#6BAD9A
- terminal.ansiMagenta#B15D95
- terminal.ansiRed#D95D92
- terminal.ansiWhite#FFF0F5
- terminal.ansiYellow#D9A95D
- terminal.background#FFF5F8
- terminal.foreground#2A1F28
- titleBar.activeBackground#FFEAEF
- titleBar.activeForeground#2A1F28
- titleBar.border#F5D6E0
- titleBar.inactiveBackground#FFF0F5
- titleBar.inactiveForeground#AA8699
- welcomePage.buttonBackground#FFF0F5
- welcomePage.buttonHoverBackground#F7BDD3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #AA8699 | — |
| variable, string constant.other.placeholder | #2A1F28 | — |
| constant.other.color | #D9A95D | — |
| invalid, invalid.illegal | #D95D92 | — |
| keyword, storage.type, storage.modifier | #B15D95 | — |
| keyword.operator | #5D92D9 | — |
| string, constant.other.symbol | #6BAD9A | — |
| constant.numeric | #D9A95D | — |
| constant.language, support.constant, constant.character, constant.escape | #D95D92 | — |
| entity.name.function, meta.function-call, support.function | #4A78B3 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #B15D95 | — |
| meta.method.declaration, meta.method-call, meta.method | #4A78B3 | — |
| variable.other.property, support.variable.property | #5DB1D9 | — |
| meta.object-literal.key | #5DB1D9 | — |
| entity.name.tag, meta.tag.sgml | #B15D95 | — |
| entity.other.attribute-name | #4A78B3 | — |
| markup.heading | #B15D95 | — |
| markup.bold | #4A78B3 | bold |
| markup.italic | #6BAD9A | italic |
| punctuation.definition, punctuation.separator, punctuation.terminator | #887888 | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section | #5D92D9 | — |
| entity.name.type.interface, entity.name.type.struct | #B15D95 | — |
| meta.decorator, tag.decorator.js entity.name.tag, tag.decorator.js punctuation.definition.tag | #4A78B3 | — |
| template.expression.begin, template.expression.end | #D95D92 | — |
| support.type.property-name.css | #5DB1D9 | — |
| support.constant.property-value.css | #6BAD9A | — |
| entity.other.attribute-name.html | #6BAD9A | — |
| support.type.property-name.json | #5DB1D9 | — |
| string.quoted.double.json | #6BAD9A | — |
| meta.tag.jsx, meta.tag.tsx | #2A1F28 | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #6BAD9A | — |
| meta.object-literal.key, variable.object.property | #5DB1D9 | — |
| meta.function.decorator.python, meta.function.decorator.identifier.python | #D95D92 | — |
| variable.parameter.function.python | #D9A95D | — |
| meta.fstring.python, constant.character.format.placeholder.other.python | #D9A95D | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #B15D95 | — |
| constant.language.symbol.ruby | #D9A95D | — |
| variable.other.readwrite.instance.ruby | #D95D92 | — |
| variable.other.readwrite.class.ruby | #B15D95 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #5D92D9 | — |
| beginning.punctuation.definition.list.markdown | #D95D92 | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #6BAD9A | — |
| markup.quote.markdown | #AA8699 | italic |
| entity.name.function.go | #4A78B3 | — |
| entity.name.type.go | #B15D95 | — |
| entity.name.package.go | #6BAD9A | — |
| meta.attribute.rust | #D95D92 | — |
| entity.name.type.rust, storage.type.rust | #B15D95 | — |
| entity.name.lifetime.rust, punctuation.definition.lifetime.rust | #D9A95D | — |
| meta.macro.rust | #D95D92 | — |
| entity.name.tag.yaml | #5DB1D9 | — |
| punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #D95D92 | — |
| entity.other.document.begin.yaml, entity.other.document.end.yaml | #B15D95 | — |
| keyword.other.sql | #B15D95 | — |
| support.function.sql | #4A78B3 | — |
| meta.table.sql | #6BAD9A | — |
| meta.decorator.ts, meta.decorator.tsx | #D95D92 | — |
| meta.type.annotation.ts, meta.type.annotation.tsx | #B15D95 | — |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #B15D95 | — |
| meta.preprocessor.c, meta.preprocessor.cpp | #D95D92 | — |
| string.quoted.other.lt-gt.include.c, string.quoted.other.lt-gt.include.cpp, string.quoted.double.include.c, string.quoted.double.include.cpp | #6BAD9A | — |
| storage.type.annotation.java | #D95D92 | — |
| storage.type.generic.java | #B15D95 | — |
| storage.modifier.import.java, storage.modifier.package.java | #6BAD9A | — |
| variable.other.php | #D95D92 | — |
| entity.name.type.class.php | #B15D95 | — |
| support.other.namespace.php | #6BAD9A | — |
| variable.other.special.shell | #D95D92 | — |
| support.function.builtin.shell | #4A78B3 | — |
| variable.parameter.option.shell | #D9A95D | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...