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#e2e8f0
- activityBar.border#cbd5e0
- activityBar.foreground#e53e3e
- activityBar.inactiveForeground#a0aec0
- activityBarBadge.background#e53e3e
- activityBarBadge.foreground#ffffff
- breadcrumb.activeSelectionForeground#1a202c
- breadcrumb.focusForeground#4a5568
- breadcrumb.foreground#a0aec0
- breadcrumbPicker.background#f0f5fa
- button.background#e53e3e
- button.foreground#ffffff
- button.hoverBackground#c53030
- charts.blue#63b3ed
- charts.foreground#4a5568
- charts.green#68d391
- charts.lines#a0aec0
- charts.orange#dd6b20
- charts.purple#d53f8c
- charts.red#e53e3e
- charts.yellow#f6ad55
- debugIcon.breakpointForeground#e53e3e
- debugIcon.startForeground#68d391
- debugIcon.stopForeground#e53e3e
- debugToolBar.background#f0f5fa
- diffEditor.border#cbd5e0
- diffEditor.insertedTextBackground#68d39120
- diffEditor.removedTextBackground#e53e3e20
- editor.background#f0f5fa
- editor.foreground#2d3748
- editor.lineHighlightBackground#e6fffa
- editor.lineHighlightBorder#e6fffa00
- editor.selectionBackground#63b3ed30
- editor.selectionHighlightBackground#63b3ed20
- editor.wordHighlightBackground#63b3ed20
- editor.wordHighlightStrongBackground#63b3ed40
- editorGroupHeader.tabsBackground#e2e8f0
- editorGroupHeader.tabsBorder#cbd5e0
- editorGutter.background#f0f5fa
- editorLineNumber.activeForeground#e53e3e
- editorLineNumber.foreground#a0aec0
- editorOverviewRuler.currentContentForeground#68d391
- editorOverviewRuler.incomingContentForeground#63b3ed
- editorSuggestWidget.background#f0f5fa
- editorSuggestWidget.border#cbd5e0
- editorSuggestWidget.highlightForeground#e53e3e
- editorSuggestWidget.selectedBackground#cbd5e0
- editorWidget.background#f0f5fa
- editorWidget.border#cbd5e0
- extensionButton.prominentBackground#e53e3e
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#c53030
- gitDecoration.conflictingResourceForeground#f6ad55
- gitDecoration.deletedResourceForeground#e53e3e
- gitDecoration.ignoredResourceForeground#a0aec0
- gitDecoration.modifiedResourceForeground#63b3ed
- gitDecoration.untrackedResourceForeground#68d391
- input.background#ffffff
- input.border#cbd5e0
- input.foreground#2d3748
- input.placeholderForeground#a0aec0
- keybindingLabel.background#e2e8f0
- keybindingLabel.border#cbd5e0
- keybindingLabel.bottomBorder#cbd5e0
- keybindingLabel.foreground#4a5568
- list.activeSelectionBackground#cbd5e0
- list.activeSelectionForeground#1a202c
- list.focusBackground#cbd5e0
- list.focusForeground#1a202c
- list.highlightForeground#e53e3e
- list.hoverBackground#edf2f7
- list.inactiveSelectionBackground#edf2f7
- list.inactiveSelectionForeground#4a5568
- merge.commonContentBackground#a0aec020
- merge.commonHeaderBackground#a0aec030
- merge.currentContentBackground#68d39120
- merge.currentHeaderBackground#68d39140
- merge.incomingContentBackground#63b3ed20
- merge.incomingHeaderBackground#63b3ed40
- notificationCenter.border#cbd5e0
- notificationCenterHeader.background#e2e8f0
- notificationCenterHeader.foreground#4a5568
- notificationLink.foreground#63b3ed
- notifications.background#f0f5fa
- notifications.border#cbd5e0
- notifications.foreground#4a5568
- notificationToast.border#cbd5e0
- panel.background#f0f5fa
- panel.border#cbd5e0
- panelTitle.activeForeground#2d3748
- panelTitle.inactiveForeground#a0aec0
- peekView.border#e53e3e
- peekViewEditor.background#f0f5fa
- peekViewEditor.matchHighlightBackground#e53e3e20
- peekViewResult.background#edf2f7
- peekViewResult.matchHighlightBackground#e53e3e20
- peekViewTitle.background#edf2f7
- scrollbarSlider.activeBackground#cbd5e0C0
- scrollbarSlider.background#cbd5e080
- scrollbarSlider.hoverBackground#cbd5e0A0
- settings.checkboxBackground#ffffff
- settings.dropdownBackground#ffffff
- settings.headerForeground#e53e3e
- settings.modifiedItemIndicator#63b3ed
- settings.numberInputBackground#ffffff
- settings.textInputBackground#ffffff
- sideBar.background#edf2f7
- sideBar.border#cbd5e0
- sideBar.foreground#4a5568
- statusBar.background#e2e8f0
- statusBar.border#cbd5e0
- statusBar.debuggingBackground#e53e3e
- statusBar.foreground#4a5568
- statusBar.noFolderBackground#e2e8f0
- tab.activeBackground#f0f5fa
- tab.activeBorder#e53e3e
- tab.activeForeground#2d3748
- tab.inactiveBackground#e2e8f0
- tab.inactiveForeground#a0aec0
- tab.unfocusedActiveBorder#e53e3e60
- terminal.ansiBlack#1a202c
- terminal.ansiBlue#63b3ed
- terminal.ansiBrightBlack#4a5568
- terminal.ansiBrightBlue#4299e1
- terminal.ansiBrightCyan#38b2ac
- terminal.ansiBrightGreen#48bb78
- terminal.ansiBrightMagenta#b83280
- terminal.ansiBrightRed#f56565
- terminal.ansiBrightWhite#e2e8f0
- terminal.ansiBrightYellow#ed8936
- terminal.ansiCyan#4fd1c5
- terminal.ansiGreen#68d391
- terminal.ansiMagenta#d53f8c
- terminal.ansiRed#fc8181
- terminal.ansiWhite#cbd5e0
- terminal.ansiYellow#f6ad55
- terminal.background#f0f5fa
- terminal.foreground#2d3748
- titleBar.activeBackground#f0f5fa
- titleBar.activeForeground#2d3748
- titleBar.border#cbd5e0
- titleBar.inactiveBackground#f0f5fa
- titleBar.inactiveForeground#a0aec0
- welcomePage.buttonBackground#e2e8f0
- welcomePage.buttonHoverBackground#cbd5e0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #a0aec0 | italic |
| variable, string constant.other.placeholder | #2d3748 | — |
| constant.other.color | #dd6b20 | — |
| invalid, invalid.illegal | #e53e3e | — |
| keyword, storage.type, storage.modifier | #e53e3e | — |
| keyword.operator | #3182ce | — |
| string, constant.other.symbol | #48bb78 | — |
| constant.numeric | #dd6b20 | — |
| constant.language, support.constant, constant.character, constant.escape | #d53f8c | — |
| entity.name.function, meta.function-call, support.function | #3182ce | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #dd6b20 | — |
| meta.method.declaration, meta.method-call, meta.method | #3182ce | — |
| variable.other.property, support.variable.property | #3182ce | — |
| meta.object-literal.key | #3182ce | — |
| entity.name.tag, meta.tag.sgml | #e53e3e | — |
| entity.other.attribute-name | #3182ce | — |
| markup.heading | #e53e3e | — |
| markup.bold | #3182ce | bold |
| markup.italic | #48bb78 | italic |
| punctuation.definition, punctuation.separator, punctuation.terminator | #a0aec0 | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section | #38b2ac | — |
| entity.name.type.interface, entity.name.type.struct | #dd6b20 | — |
| meta.decorator, tag.decorator.js entity.name.tag, tag.decorator.js punctuation.definition.tag | #3182ce | — |
| template.expression.begin, template.expression.end | #e53e3e | — |
| support.type.property-name.css | #3182ce | — |
| support.constant.property-value.css | #48bb78 | — |
| entity.other.attribute-name.html | #48bb78 | — |
| support.type.property-name.json | #3182ce | — |
| string.quoted.double.json | #48bb78 | — |
| meta.tag.jsx, meta.tag.tsx | #4a5568 | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #48bb78 | — |
| meta.object-literal.key, variable.object.property | #3182ce | — |
| meta.function.decorator.python, meta.function.decorator.identifier.python | #e53e3e | — |
| variable.parameter.function.python | #dd6b20 | — |
| meta.fstring.python, constant.character.format.placeholder.other.python | #dd6b20 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #b83280 | — |
| constant.language.symbol.ruby | #dd6b20 | — |
| variable.other.readwrite.instance.ruby | #e53e3e | — |
| variable.other.readwrite.class.ruby | #b83280 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #3182ce | — |
| beginning.punctuation.definition.list.markdown | #e53e3e | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #48bb78 | — |
| markup.quote.markdown | #a0aec0 | italic |
| entity.name.function.go | #3182ce | — |
| entity.name.type.go | #b83280 | — |
| entity.name.package.go | #48bb78 | — |
| meta.attribute.rust | #e53e3e | — |
| entity.name.type.rust, storage.type.rust | #b83280 | — |
| entity.name.lifetime.rust, punctuation.definition.lifetime.rust | #dd6b20 | — |
| meta.macro.rust | #e53e3e | — |
| entity.name.tag.yaml | #3182ce | — |
| punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #e53e3e | — |
| entity.other.document.begin.yaml, entity.other.document.end.yaml | #b83280 | — |
| keyword.other.sql | #b83280 | — |
| support.function.sql | #3182ce | — |
| meta.table.sql | #48bb78 | — |
| meta.decorator.ts, meta.decorator.tsx | #e53e3e | — |
| meta.type.annotation.ts, meta.type.annotation.tsx | #b83280 | — |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #b83280 | — |
| meta.preprocessor.c, meta.preprocessor.cpp | #e53e3e | — |
| string.quoted.other.lt-gt.include.c, string.quoted.other.lt-gt.include.cpp, string.quoted.double.include.c, string.quoted.double.include.cpp | #48bb78 | — |
| storage.type.annotation.java | #e53e3e | — |
| storage.type.generic.java | #b83280 | — |
| storage.modifier.import.java, storage.modifier.package.java | #48bb78 | — |
| variable.other.php | #e53e3e | — |
| entity.name.type.class.php | #b83280 | — |
| support.other.namespace.php | #48bb78 | — |
| variable.other.special.shell | #e53e3e | — |
| support.function.builtin.shell | #3182ce | — |
| variable.parameter.option.shell | #dd6b20 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...