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#f0ede6
- activityBar.border#e3ded6
- activityBar.foreground#c75b45
- activityBar.inactiveForeground#9e948a
- activityBarBadge.background#c75b45
- activityBarBadge.foreground#faf8f5
- breadcrumb.activeSelectionForeground#3b342e
- breadcrumb.focusForeground#6b6158
- breadcrumb.foreground#9e948a
- breadcrumbPicker.background#faf8f5
- button.background#c75b45
- button.foreground#faf8f5
- button.hoverBackground#da6c55
- charts.blue#4f7e91
- charts.foreground#6b6158
- charts.green#7a8c51
- charts.lines#b0a89e
- charts.orange#e07a5f
- charts.purple#a66887
- charts.red#c75b45
- charts.yellow#d68c45
- debugIcon.breakpointForeground#c75b45
- debugIcon.startForeground#7a8c51
- debugIcon.stopForeground#c75b45
- debugToolBar.background#faf8f5
- diffEditor.border#e3ded6
- diffEditor.insertedTextBackground#7a8c5120
- diffEditor.removedTextBackground#c75b4520
- editor.background#faf8f5
- editor.foreground#5c5248
- editor.lineHighlightBackground#f0ede6
- editor.lineHighlightBorder#f0ede600
- editor.selectionBackground#c75b4520
- editor.selectionHighlightBackground#c75b4510
- editor.wordHighlightBackground#4f7e9110
- editor.wordHighlightStrongBackground#4f7e9120
- editorGroupHeader.tabsBackground#f0ede6
- editorGroupHeader.tabsBorder#e3ded6
- editorGutter.background#faf8f5
- editorLineNumber.activeForeground#c75b45
- editorLineNumber.foreground#b0a89e
- editorOverviewRuler.currentContentForeground#7a8c51
- editorOverviewRuler.incomingContentForeground#4f7e91
- editorSuggestWidget.background#faf8f5
- editorSuggestWidget.border#e3ded6
- editorSuggestWidget.highlightForeground#c75b45
- editorSuggestWidget.selectedBackground#e3ded6
- editorWidget.background#faf8f5
- editorWidget.border#e3ded6
- extensionButton.prominentBackground#c75b45
- extensionButton.prominentForeground#faf8f5
- extensionButton.prominentHoverBackground#da6c55
- gitDecoration.conflictingResourceForeground#d68c45
- gitDecoration.deletedResourceForeground#c75b45
- gitDecoration.ignoredResourceForeground#b0a89e
- gitDecoration.modifiedResourceForeground#4f7e91
- gitDecoration.untrackedResourceForeground#7a8c51
- input.background#ffffff
- input.border#e3ded6
- input.foreground#5c5248
- input.placeholderForeground#9e948a
- keybindingLabel.background#f0ede6
- keybindingLabel.border#e3ded6
- keybindingLabel.bottomBorder#e3ded6
- keybindingLabel.foreground#6b6158
- list.activeSelectionBackground#e3ded6
- list.activeSelectionForeground#3b342e
- list.focusBackground#e3ded6
- list.focusForeground#3b342e
- list.highlightForeground#c75b45
- list.hoverBackground#f0ede6
- list.inactiveSelectionBackground#f0ede6
- list.inactiveSelectionForeground#6b6158
- merge.commonContentBackground#9e948a20
- merge.commonHeaderBackground#9e948a30
- merge.currentContentBackground#7a8c5120
- merge.currentHeaderBackground#7a8c5140
- merge.incomingContentBackground#4f7e9120
- merge.incomingHeaderBackground#4f7e9140
- notificationCenter.border#e3ded6
- notificationCenterHeader.background#f0ede6
- notificationCenterHeader.foreground#6b6158
- notificationLink.foreground#4f7e91
- notifications.background#faf8f5
- notifications.border#e3ded6
- notifications.foreground#6b6158
- notificationToast.border#e3ded6
- panel.background#faf8f5
- panel.border#e3ded6
- panelTitle.activeForeground#5c5248
- panelTitle.inactiveForeground#9e948a
- peekView.border#c75b45
- peekViewEditor.background#faf8f5
- peekViewEditor.matchHighlightBackground#c75b4520
- peekViewResult.background#f5f2eb
- peekViewResult.matchHighlightBackground#c75b4520
- peekViewTitle.background#f5f2eb
- scrollbarSlider.activeBackground#d4cec5C0
- scrollbarSlider.background#d4cec580
- scrollbarSlider.hoverBackground#d4cec5A0
- settings.checkboxBackground#ffffff
- settings.dropdownBackground#ffffff
- settings.headerForeground#c75b45
- settings.modifiedItemIndicator#4f7e91
- settings.numberInputBackground#ffffff
- settings.textInputBackground#ffffff
- sideBar.background#f5f2eb
- sideBar.border#e3ded6
- sideBar.foreground#6b6158
- statusBar.background#f0ede6
- statusBar.border#e3ded6
- statusBar.debuggingBackground#c75b45
- statusBar.foreground#6b6158
- statusBar.noFolderBackground#f0ede6
- tab.activeBackground#faf8f5
- tab.activeBorder#c75b45
- tab.activeForeground#5c5248
- tab.inactiveBackground#f0ede6
- tab.inactiveForeground#9e948a
- tab.unfocusedActiveBorder#c75b4560
- terminal.ansiBlack#3b342e
- terminal.ansiBlue#4f7e91
- terminal.ansiBrightBlack#6b6158
- terminal.ansiBrightBlue#6596aa
- terminal.ansiBrightCyan#73abb5
- terminal.ansiBrightGreen#8fa663
- terminal.ansiBrightMagenta#bf80a1
- terminal.ansiBrightRed#da6c55
- terminal.ansiBrightWhite#d4cec5
- terminal.ansiBrightYellow#e89e5a
- terminal.ansiCyan#5c9199
- terminal.ansiGreen#7a8c51
- terminal.ansiMagenta#a66887
- terminal.ansiRed#c75b45
- terminal.ansiWhite#9e948a
- terminal.ansiYellow#d68c45
- terminal.background#faf8f5
- terminal.foreground#5c5248
- titleBar.activeBackground#faf8f5
- titleBar.activeForeground#5c5248
- titleBar.border#e3ded6
- titleBar.inactiveBackground#faf8f5
- titleBar.inactiveForeground#9e948a
- welcomePage.buttonBackground#f0ede6
- welcomePage.buttonHoverBackground#e3ded6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9e948a | — |
| variable, string constant.other.placeholder | #5c5248 | — |
| constant.other.color | #d68c45 | — |
| invalid, invalid.illegal | #c75b45 | — |
| keyword, storage.type, storage.modifier | #c75b45 | — |
| keyword.operator | #4f7e91 | — |
| string, constant.other.symbol | #7a8c51 | — |
| constant.numeric | #d68c45 | — |
| constant.language, support.constant, constant.character, constant.escape | #c75b45 | — |
| entity.name.function, meta.function-call, support.function | #4f7e91 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #d68c45 | — |
| meta.method.declaration, meta.method-call, meta.method | #4f7e91 | — |
| variable.other.property, support.variable.property | #4f7e91 | — |
| meta.object-literal.key | #4f7e91 | — |
| entity.name.tag, meta.tag.sgml | #c75b45 | — |
| entity.other.attribute-name | #4f7e91 | — |
| markup.heading | #c75b45 | — |
| markup.bold | #4f7e91 | bold |
| markup.italic | #7a8c51 | italic |
| punctuation.definition, punctuation.separator, punctuation.terminator | #9e948a | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section | #5c9199 | — |
| entity.name.type.interface, entity.name.type.struct | #d68c45 | — |
| meta.decorator, tag.decorator.js entity.name.tag, tag.decorator.js punctuation.definition.tag | #4f7e91 | — |
| template.expression.begin, template.expression.end | #c75b45 | — |
| support.type.property-name.css | #4f7e91 | — |
| support.constant.property-value.css | #7a8c51 | — |
| entity.other.attribute-name.html | #7a8c51 | — |
| support.type.property-name.json | #4f7e91 | — |
| string.quoted.double.json | #7a8c51 | — |
| meta.tag.jsx, meta.tag.tsx | #6b6158 | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #7a8c51 | — |
| meta.object-literal.key, variable.object.property | #4f7e91 | — |
| meta.function.decorator.python, meta.function.decorator.identifier.python | #c75b45 | — |
| variable.parameter.function.python | #d68c45 | — |
| meta.fstring.python, constant.character.format.placeholder.other.python | #d68c45 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #a66887 | — |
| constant.language.symbol.ruby | #d68c45 | — |
| variable.other.readwrite.instance.ruby | #c75b45 | — |
| variable.other.readwrite.class.ruby | #a66887 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #4f7e91 | — |
| beginning.punctuation.definition.list.markdown | #c75b45 | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown | #7a8c51 | — |
| markup.quote.markdown | #9e948a | italic |
| entity.name.function.go | #4f7e91 | — |
| entity.name.type.go | #a66887 | — |
| entity.name.package.go | #7a8c51 | — |
| meta.attribute.rust | #c75b45 | — |
| entity.name.type.rust, storage.type.rust | #a66887 | — |
| entity.name.lifetime.rust, punctuation.definition.lifetime.rust | #d68c45 | — |
| meta.macro.rust | #c75b45 | — |
| entity.name.tag.yaml | #4f7e91 | — |
| punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #c75b45 | — |
| entity.other.document.begin.yaml, entity.other.document.end.yaml | #a66887 | — |
| keyword.other.sql | #a66887 | — |
| support.function.sql | #4f7e91 | — |
| meta.table.sql | #7a8c51 | — |
| meta.decorator.ts, meta.decorator.tsx | #c75b45 | — |
| meta.type.annotation.ts, meta.type.annotation.tsx | #a66887 | — |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #a66887 | — |
| meta.preprocessor.c, meta.preprocessor.cpp | #c75b45 | — |
| string.quoted.other.lt-gt.include.c, string.quoted.other.lt-gt.include.cpp, string.quoted.double.include.c, string.quoted.double.include.cpp | #7a8c51 | — |
| storage.type.annotation.java | #c75b45 | — |
| storage.type.generic.java | #a66887 | — |
| storage.modifier.import.java, storage.modifier.package.java | #7a8c51 | — |
| variable.other.php | #c75b45 | — |
| entity.name.type.class.php | #a66887 | — |
| support.other.namespace.php | #7a8c51 | — |
| variable.other.special.shell | #c75b45 | — |
| support.function.builtin.shell | #4f7e91 | — |
| variable.parameter.option.shell | #d68c45 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...