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#21213A
- activityBar.border#2D2940
- activityBar.foreground#FF9FB2
- activityBar.inactiveForeground#BF99A7
- activityBarBadge.background#FF9FB2
- activityBarBadge.foreground#18182E
- breadcrumb.activeSelectionForeground#FFFFFF
- breadcrumb.focusForeground#FF9FB2
- breadcrumb.foreground#BF99A7
- breadcrumbPicker.background#1E1E36
- button.background#FF9FB2
- button.foreground#FFFFFF
- button.hoverBackground#FFB5C5
- charts.blue#A7CAEC
- charts.foreground#FFD0D0
- charts.green#FFD9C0
- charts.lines#666680
- charts.orange#FFB280
- charts.purple#D7A5BC
- charts.red#FF9FB2
- charts.yellow#FFE4A3
- debugIcon.breakpointForeground#FF9FB2
- debugIcon.startForeground#FFD9C0
- debugIcon.stopForeground#BF99A7
- debugToolBar.background#1E1E36
- diffEditor.border#2D2940
- diffEditor.insertedTextBackground#FFD9C020
- diffEditor.removedTextBackground#FF9FB220
- editor.background#18182E
- editor.foreground#FFFFFF
- editor.lineHighlightBackground#FF9FB215
- editor.lineHighlightBorder#FF9FB700
- editor.selectionBackground#FF9FB280
- editor.selectionHighlightBackground#FF9FB240
- editor.wordHighlightBackground#FF9FB230
- editor.wordHighlightStrongBackground#BF99A730
- editorGroupHeader.tabsBackground#16162A
- editorGroupHeader.tabsBorder#2D2940
- editorGutter.background#18182E
- editorLineNumber.activeForeground#FF9FB2
- editorLineNumber.foreground#666680
- editorOverviewRuler.currentContentForeground#FFD9C0
- editorOverviewRuler.incomingContentForeground#A7CAEC
- editorSuggestWidget.background#1E1E36
- editorSuggestWidget.border#2D2940
- editorSuggestWidget.highlightForeground#FF9FB2
- editorSuggestWidget.selectedBackground#433F4D
- editorWidget.background#1E1E36
- editorWidget.border#2D2940
- extensionButton.prominentBackground#FF9FB2
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#FFB5C5
- gitDecoration.conflictingResourceForeground#FFD0D0
- gitDecoration.deletedResourceForeground#FF9FB2
- gitDecoration.ignoredResourceForeground#666680
- gitDecoration.modifiedResourceForeground#FFD9C0
- gitDecoration.untrackedResourceForeground#A7CAEC
- input.background#2A2840
- input.border#433F4D
- input.foreground#FFFFFF
- input.placeholderForeground#BF99A7
- keybindingLabel.background#2A2840
- keybindingLabel.border#433F4D
- keybindingLabel.bottomBorder#433F4D
- keybindingLabel.foreground#FFD0D0
- list.activeSelectionBackground#433F4D
- list.activeSelectionForeground#FFFFFF
- list.focusBackground#433F4D
- list.focusForeground#FFFFFF
- list.highlightForeground#FF9FB2
- list.hoverBackground#36334A
- list.inactiveSelectionBackground#36334A
- list.inactiveSelectionForeground#FFD0D0
- merge.commonContentBackground#66668020
- merge.commonHeaderBackground#66668030
- merge.currentContentBackground#FFD9C020
- merge.currentHeaderBackground#FFD9C040
- merge.incomingContentBackground#A7CAEC20
- merge.incomingHeaderBackground#A7CAEC40
- notificationCenter.border#2D2940
- notificationCenterHeader.background#1E1E36
- notificationCenterHeader.foreground#FFD0D0
- notificationLink.foreground#A7CAEC
- notifications.background#1E1E36
- notifications.border#2D2940
- notifications.foreground#FFD0D0
- notificationToast.border#2D2940
- panel.background#1E1E36
- panel.border#2D2940
- panelTitle.activeForeground#FFD0D0
- panelTitle.inactiveForeground#BF99A7
- peekView.border#FF9FB2
- peekViewEditor.background#18182E
- peekViewEditor.matchHighlightBackground#FF9FB250
- peekViewResult.background#1E1E36
- peekViewResult.matchHighlightBackground#FF9FB250
- peekViewTitle.background#16162A
- scrollbarSlider.activeBackground#FF9FB270
- scrollbarSlider.background#FF9FB230
- scrollbarSlider.hoverBackground#FF9FB250
- settings.checkboxBackground#1E1E36
- settings.dropdownBackground#1E1E36
- settings.headerForeground#FF9FB2
- settings.modifiedItemIndicator#FFD9C0
- settings.numberInputBackground#1E1E36
- settings.textInputBackground#1E1E36
- sideBar.background#1E1E36
- sideBar.border#2D2940
- sideBar.foreground#FFFFFF
- statusBar.background#16162A
- statusBar.border#2D2940
- statusBar.debuggingBackground#FF9FB2
- statusBar.foreground#FFD0D0
- statusBar.noFolderBackground#16162A
- tab.activeBackground#2D2940
- tab.activeBorder#FF9FB2
- tab.activeForeground#FFFFFF
- tab.inactiveBackground#1E1E36
- tab.inactiveForeground#BF99A7
- tab.unfocusedActiveBorder#BF99A7
- terminal.ansiBlack#1E1E36
- terminal.ansiBlue#A7CAEC
- terminal.ansiBrightBlack#433F4D
- terminal.ansiBrightBlue#C0DBFF
- terminal.ansiBrightCyan#CEEEFF
- terminal.ansiBrightGreen#FFE4D0
- terminal.ansiBrightMagenta#EBBDD0
- terminal.ansiBrightRed#FFB5C5
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFE0E0
- terminal.ansiCyan#B8E6FF
- terminal.ansiGreen#FFD9C0
- terminal.ansiMagenta#D7A5BC
- terminal.ansiRed#FF9FB2
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#FFD0D0
- terminal.background#18182E
- terminal.foreground#FFFFFF
- titleBar.activeBackground#16162A
- titleBar.activeForeground#FFD0D0
- titleBar.border#2D2940
- titleBar.inactiveBackground#16162A
- titleBar.inactiveForeground#BF99A7
- welcomePage.buttonBackground#1E1E36
- welcomePage.buttonHoverBackground#433F4D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5D4F57 | — |
| variable, string constant.other.placeholder | #FFFFFF | — |
| constant.other.color | #FFD0D0 | — |
| invalid, invalid.illegal | #FF9FB2 | — |
| keyword, storage.type, storage.modifier | #FF9FB2 | — |
| keyword.operator | #FFD9C0 | — |
| string, constant.other.symbol | #FFD9C0 | — |
| constant.numeric | #FFD0D0 | — |
| constant.language, support.constant, constant.character, constant.escape | #FF9FB2 | — |
| entity.name.function, meta.function-call, support.function | #A7CAEC | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #FFD0D0 | — |
| meta.method.declaration, meta.method-call, meta.method | #A7CAEC | — |
| variable.other.property, support.variable.property | #B8E6FF | — |
| meta.object-literal.key | #B8E6FF | — |
| entity.name.tag, meta.tag.sgml | #FF9FB2 | — |
| entity.other.attribute-name | #A7CAEC | — |
| markup.heading | #FF9FB2 | — |
| markup.bold | #D7A5BC | bold |
| markup.italic | #FFD9C0 | italic |
| punctuation.definition, punctuation.separator, punctuation.terminator | #BF99A7 | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section | #FFFFFF | — |
| entity.name.type.interface, entity.name.type.struct | #FFD0D0 | — |
| meta.decorator, tag.decorator.js entity.name.tag, tag.decorator.js punctuation.definition.tag | #A7CAEC | — |
| template.expression.begin, template.expression.end | #FF9FB2 | — |
| support.type.property-name.css | #BF99A7 | — |
| support.constant.property-value.css | #FFD9C0 | — |
| entity.other.attribute-name.html | #FFD9C0 | — |
| support.type.property-name.json | #B8E6FF | — |
| string.quoted.double.json | #FFD9C0 | — |
| meta.tag.jsx, meta.tag.tsx | #FFFFFF | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #FFD9C0 | — |
| meta.object-literal.key, variable.object.property | #B8E6FF | — |
| meta.function.decorator.python, meta.function.decorator.identifier.python | #FF9FB2 | — |
| variable.parameter.function.python | #FFE4A3 | — |
| meta.fstring.python, constant.character.format.placeholder.other.python | #FFE4A3 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #FF9FB2 | — |
| constant.language.symbol.ruby | #FFE4A3 | — |
| variable.other.readwrite.instance.ruby | #FF9FB2 | — |
| variable.other.readwrite.class.ruby | #FFD0D0 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #A7CAEC | — |
| beginning.punctuation.definition.list.markdown | #FF9FB2 | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #FFD9C0 | — |
| markup.quote.markdown | #BF99A7 | italic |
| entity.name.function.go | #A7CAEC | — |
| entity.name.type.go | #FFD0D0 | — |
| entity.name.package.go | #FFD9C0 | — |
| meta.attribute.rust | #FF9FB2 | — |
| entity.name.type.rust, storage.type.rust | #FFD0D0 | — |
| entity.name.lifetime.rust, punctuation.definition.lifetime.rust | #FFE4A3 | — |
| meta.macro.rust | #FF9FB2 | — |
| entity.name.tag.yaml | #B8E6FF | — |
| punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #FF9FB2 | — |
| entity.other.document.begin.yaml, entity.other.document.end.yaml | #FFD0D0 | — |
| keyword.other.sql | #FF9FB2 | — |
| support.function.sql | #A7CAEC | — |
| meta.table.sql | #FFD9C0 | — |
| meta.decorator.ts, meta.decorator.tsx | #FF9FB2 | — |
| meta.type.annotation.ts, meta.type.annotation.tsx | #FFD0D0 | — |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #FFD0D0 | — |
| meta.preprocessor.c, meta.preprocessor.cpp | #FF9FB2 | — |
| string.quoted.other.lt-gt.include.c, string.quoted.other.lt-gt.include.cpp, string.quoted.double.include.c, string.quoted.double.include.cpp | #FFD9C0 | — |
| storage.type.annotation.java | #FF9FB2 | — |
| storage.type.generic.java | #FFD0D0 | — |
| storage.modifier.import.java, storage.modifier.package.java | #FFD9C0 | — |
| variable.other.php | #FF9FB2 | — |
| entity.name.type.class.php | #FFD0D0 | — |
| support.other.namespace.php | #FFD9C0 | — |
| variable.other.special.shell | #FF9FB2 | — |
| support.function.builtin.shell | #A7CAEC | — |
| variable.parameter.option.shell | #FFE4A3 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...