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#E8F0FF
- activityBar.border#DBE6F7
- activityBar.foreground#E06796
- activityBar.inactiveForeground#A6B6CC
- activityBarBadge.background#E06796
- activityBarBadge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#192536
- breadcrumb.focusForeground#192536
- breadcrumb.foreground#8CA2BC
- breadcrumbPicker.background#EDF4FF
- button.background#E06796
- button.foreground#FFFFFF
- button.hoverBackground#E87CA6
- charts.blue#4A88C7
- charts.foreground#192536
- charts.green#5DA68C
- charts.lines#A6B6CC
- charts.orange#E09C5D
- charts.purple#C0579D
- charts.red#E06796
- charts.yellow#D4964C
- debugIcon.breakpointForeground#E06796
- debugIcon.startForeground#5DA68C
- debugIcon.stopForeground#E06796
- debugToolBar.background#EDF4FF
- diffEditor.border#DBE6F7
- diffEditor.insertedTextBackground#5DA68C20
- diffEditor.removedTextBackground#E0679620
- editor.background#F5F9FF
- editor.foreground#192536
- editor.lineHighlightBackground#E8F0FF
- editor.lineHighlightBorder#E8F0FF00
- editor.selectionBackground#D7E6FF
- editor.selectionHighlightBackground#D7E6FF80
- editor.wordHighlightBackground#F8D7E580
- editor.wordHighlightStrongBackground#F8D7E570
- editorGroupHeader.tabsBackground#E1ECFF
- editorGroupHeader.tabsBorder#DBE6F7
- editorGutter.background#F5F9FF
- editorLineNumber.activeForeground#E06796
- editorLineNumber.foreground#A6B6CC
- editorOverviewRuler.currentContentForeground#5DA68C
- editorOverviewRuler.incomingContentForeground#4A88C7
- editorSuggestWidget.background#EDF4FF
- editorSuggestWidget.border#DBE6F7
- editorSuggestWidget.highlightForeground#E06796
- editorSuggestWidget.selectedBackground#D7E6FF
- editorWidget.background#EDF4FF
- editorWidget.border#DBE6F7
- extensionButton.prominentBackground#E06796
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#E87CA6
- gitDecoration.conflictingResourceForeground#D4964C
- gitDecoration.deletedResourceForeground#E06796
- gitDecoration.ignoredResourceForeground#A6B6CC
- gitDecoration.modifiedResourceForeground#4A88C7
- gitDecoration.untrackedResourceForeground#5DA68C
- input.background#F5F9FF
- input.border#DBE6F7
- input.foreground#192536
- input.placeholderForeground#A6B6CC
- keybindingLabel.background#E8F0FF
- keybindingLabel.border#DBE6F7
- keybindingLabel.bottomBorder#DBE6F7
- keybindingLabel.foreground#192536
- list.activeSelectionBackground#D7E6FF
- list.activeSelectionForeground#192536
- list.focusBackground#D7E6FF
- list.focusForeground#192536
- list.highlightForeground#E06796
- list.hoverBackground#E8F0FF
- list.inactiveSelectionBackground#E8F0FF
- list.inactiveSelectionForeground#192536
- merge.commonContentBackground#A6B6CC20
- merge.commonHeaderBackground#A6B6CC30
- merge.currentContentBackground#5DA68C20
- merge.currentHeaderBackground#5DA68C40
- merge.incomingContentBackground#4A88C720
- merge.incomingHeaderBackground#4A88C740
- notificationCenter.border#DBE6F7
- notificationCenterHeader.background#EDF4FF
- notificationCenterHeader.foreground#192536
- notificationLink.foreground#4A88C7
- notifications.background#EDF4FF
- notifications.border#DBE6F7
- notifications.foreground#192536
- notificationToast.border#DBE6F7
- panel.background#EDF4FF
- panel.border#DBE6F7
- panelTitle.activeForeground#192536
- panelTitle.inactiveForeground#8CA2BC
- peekView.border#E06796
- peekViewEditor.background#F5F9FF
- peekViewEditor.matchHighlightBackground#F8D7E550
- peekViewResult.background#EDF4FF
- peekViewResult.matchHighlightBackground#F8D7E550
- peekViewTitle.background#E1ECFF
- scrollbarSlider.activeBackground#A6B6CC80
- scrollbarSlider.background#A6B6CC40
- scrollbarSlider.hoverBackground#A6B6CC60
- settings.checkboxBackground#F5F9FF
- settings.dropdownBackground#F5F9FF
- settings.headerForeground#E06796
- settings.modifiedItemIndicator#4A88C7
- settings.numberInputBackground#F5F9FF
- settings.textInputBackground#F5F9FF
- sideBar.background#EDF4FF
- sideBar.border#DBE6F7
- sideBar.foreground#192536
- statusBar.background#E1ECFF
- statusBar.border#DBE6F7
- statusBar.debuggingBackground#F8D7E5
- statusBar.foreground#192536
- statusBar.noFolderBackground#E1ECFF
- tab.activeBackground#F5F9FF
- tab.activeBorder#E06796
- tab.activeForeground#192536
- tab.inactiveBackground#EDF4FF
- tab.inactiveForeground#8CA2BC
- tab.unfocusedActiveBorder#A6B6CC
- terminal.ansiBlack#192536
- terminal.ansiBlue#4A88C7
- terminal.ansiBrightBlack#8CA2BC
- terminal.ansiBrightBlue#78A8DB
- terminal.ansiBrightCyan#6CBFD2
- terminal.ansiBrightGreen#7FCEA8
- terminal.ansiBrightMagenta#D07EB3
- terminal.ansiBrightRed#E87CA6
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#E6B575
- terminal.ansiCyan#4BA7BE
- terminal.ansiGreen#5DA68C
- terminal.ansiMagenta#C0579D
- terminal.ansiRed#E06796
- terminal.ansiWhite#F5F9FF
- terminal.ansiYellow#D4964C
- terminal.background#F5F9FF
- terminal.foreground#192536
- titleBar.activeBackground#E1ECFF
- titleBar.activeForeground#192536
- titleBar.border#DBE6F7
- titleBar.inactiveBackground#E8F0FF
- titleBar.inactiveForeground#8CA2BC
- welcomePage.buttonBackground#EDF4FF
- welcomePage.buttonHoverBackground#D7E6FF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7991AD | — |
| variable, string constant.other.placeholder | #192536 | — |
| constant.other.color | #D4964C | — |
| invalid, invalid.illegal | #E06796 | — |
| keyword, storage.type, storage.modifier | #C0579D | — |
| keyword.operator | #4A88C7 | — |
| string, constant.other.symbol | #00946B | — |
| constant.numeric | #D4964C | — |
| constant.language, support.constant, constant.character, constant.escape | #E06796 | — |
| entity.name.function, meta.function-call, support.function | #086BC7 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #A71780 | — |
| meta.method.declaration, meta.method-call, meta.method | #086BC7 | — |
| variable.other.property, support.variable.property | #0091AF | — |
| meta.object-literal.key | #0091AF | — |
| entity.name.tag, meta.tag.sgml | #C0579D | — |
| entity.other.attribute-name | #086BC7 | — |
| markup.heading | #C0579D | — |
| markup.bold | #086BC7 | bold |
| markup.italic | #00946B | italic |
| punctuation.definition, punctuation.separator, punctuation.terminator | #7991AD | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section | #4A88C7 | — |
| entity.name.type.interface, entity.name.type.struct | #A71780 | — |
| meta.decorator, tag.decorator.js entity.name.tag, tag.decorator.js punctuation.definition.tag | #086BC7 | — |
| template.expression.begin, template.expression.end | #E06796 | — |
| support.type.property-name.css | #0091AF | — |
| support.constant.property-value.css | #00946B | — |
| entity.other.attribute-name.html | #00946B | — |
| support.type.property-name.json | #0091AF | — |
| string.quoted.double.json | #00946B | — |
| meta.tag.jsx, meta.tag.tsx | #192536 | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #00946B | — |
| meta.object-literal.key, variable.object.property | #0091AF | — |
| meta.function.decorator.python, meta.function.decorator.identifier.python | #E06796 | — |
| variable.parameter.function.python | #C26A37 | — |
| meta.fstring.python, constant.character.format.placeholder.other.python | #C26A37 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #A71780 | — |
| constant.language.symbol.ruby | #C26A37 | — |
| variable.other.readwrite.instance.ruby | #E06796 | — |
| variable.other.readwrite.class.ruby | #A71780 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #086BC7 | — |
| beginning.punctuation.definition.list.markdown | #E06796 | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #00946B | — |
| markup.quote.markdown | #7991AD | italic |
| entity.name.function.go | #086BC7 | — |
| entity.name.type.go | #A71780 | — |
| entity.name.package.go | #00946B | — |
| meta.attribute.rust | #E06796 | — |
| entity.name.type.rust, storage.type.rust | #A71780 | — |
| entity.name.lifetime.rust, punctuation.definition.lifetime.rust | #C26A37 | — |
| meta.macro.rust | #E06796 | — |
| entity.name.tag.yaml | #0091AF | — |
| punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #E06796 | — |
| entity.other.document.begin.yaml, entity.other.document.end.yaml | #A71780 | — |
| keyword.other.sql | #A71780 | — |
| support.function.sql | #086BC7 | — |
| meta.table.sql | #00946B | — |
| meta.decorator.ts, meta.decorator.tsx | #E06796 | — |
| meta.type.annotation.ts, meta.type.annotation.tsx | #A71780 | — |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #A71780 | — |
| meta.preprocessor.c, meta.preprocessor.cpp | #E06796 | — |
| string.quoted.other.lt-gt.include.c, string.quoted.other.lt-gt.include.cpp, string.quoted.double.include.c, string.quoted.double.include.cpp | #00946B | — |
| storage.type.annotation.java | #E06796 | — |
| storage.type.generic.java | #A71780 | — |
| storage.modifier.import.java, storage.modifier.package.java | #00946B | — |
| variable.other.php | #E06796 | — |
| entity.name.type.class.php | #A71780 | — |
| support.other.namespace.php | #00946B | — |
| variable.other.special.shell | #E06796 | — |
| support.function.builtin.shell | #086BC7 | — |
| variable.parameter.option.shell | #C26A37 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...