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#141414
- activityBar.border#1F1F1F
- activityBar.foreground#B8D9D0
- activityBar.inactiveForeground#62736C
- activityBarBadge.background#A34242
- activityBarBadge.foreground#C6CAC9
- breadcrumb.activeSelectionForeground#C6CAC9
- breadcrumb.focusForeground#C6CAC9
- breadcrumb.foreground#8C8281
- breadcrumbPicker.background#141414
- button.background#A34242
- button.foreground#C6CAC9
- button.hoverBackground#C24A4A
- charts.blue#4A8399
- charts.foreground#C6CAC9
- charts.green#4F9E64
- charts.lines#8C8281
- charts.orange#A67348
- charts.purple#9A5085
- charts.red#A34242
- charts.yellow#D9C999
- debugIcon.breakpointForeground#A34242
- debugIcon.startForeground#5FBE78
- debugIcon.stopForeground#A34242
- debugToolBar.background#141414
- diffEditor.border#1F1F1F
- diffEditor.insertedTextBackground#4F9E6430
- diffEditor.removedTextBackground#A3424240
- editor.background#141414
- editor.foreground#C6CAC9
- editor.lineHighlightBackground#1A1A1A
- editor.lineHighlightBorder#1A1A1A00
- editor.selectionBackground#36575E70
- editor.selectionHighlightBackground#41625A40
- editor.wordHighlightBackground#401D1540
- editor.wordHighlightStrongBackground#5E365660
- editorGroupHeader.tabsBackground#141414
- editorGroupHeader.tabsBorder#1F1F1F
- editorGutter.background#141414
- editorLineNumber.activeForeground#9ED4E0
- editorLineNumber.foreground#575A49
- editorOverviewRuler.border#1F1F1F
- editorOverviewRuler.currentContentForeground#4F9E64
- editorOverviewRuler.errorForeground#A34242
- editorOverviewRuler.findMatchForeground#D9C99960
- editorOverviewRuler.incomingContentForeground#4A8399
- editorOverviewRuler.infoForeground#5CA5C0
- editorOverviewRuler.warningForeground#D9C999
- editorSuggestWidget.background#1A1A1A
- editorSuggestWidget.border#282828
- editorSuggestWidget.highlightForeground#9ED4E0
- editorSuggestWidget.selectedBackground#202020
- editorWidget.background#1A1A1A
- editorWidget.border#282828
- extensionButton.prominentBackground#A34242
- extensionButton.prominentForeground#C6CAC9
- extensionButton.prominentHoverBackground#C24A4A
- gitDecoration.conflictingResourceForeground#D9C999
- gitDecoration.deletedResourceForeground#A34242
- gitDecoration.ignoredResourceForeground#62736C
- gitDecoration.modifiedResourceForeground#5CA5C0
- gitDecoration.untrackedResourceForeground#5FBE78
- input.background#1A1A1A
- input.border#282828
- input.foreground#C6CAC9
- input.placeholderForeground#8C8281
- keybindingLabel.background#1A1A1A
- keybindingLabel.border#282828
- keybindingLabel.bottomBorder#282828
- keybindingLabel.foreground#C6CAC9
- list.activeSelectionBackground#202020
- list.activeSelectionForeground#C6CAC9
- list.focusBackground#202020
- list.focusForeground#C6CAC9
- list.highlightForeground#9ED4E0
- list.hoverBackground#1A1A1A
- list.inactiveSelectionBackground#1A1A1A
- list.inactiveSelectionForeground#C6CAC9
- menu.background#141414
- menu.foreground#C6CAC9
- menu.selectionBackground#202020
- menu.selectionForeground#C6CAC9
- menu.separatorBackground#1F1F1F
- merge.commonContentBackground#62736C20
- merge.commonHeaderBackground#62736C40
- merge.currentContentBackground#4F9E6430
- merge.currentHeaderBackground#4F9E6450
- merge.incomingContentBackground#4A839930
- merge.incomingHeaderBackground#4A839950
- notificationCenter.border#282828
- notificationCenterHeader.background#141414
- notificationCenterHeader.foreground#C6CAC9
- notificationLink.foreground#9ED4E0
- notifications.background#141414
- notifications.border#282828
- notifications.foreground#C6CAC9
- notificationToast.border#282828
- panel.background#141414
- panel.border#1F1F1F
- panelTitle.activeForeground#C6CAC9
- panelTitle.inactiveForeground#8C8281
- peekView.border#A34242
- peekViewEditor.background#141414
- peekViewEditor.matchHighlightBackground#A3424240
- peekViewResult.background#141414
- peekViewResult.matchHighlightBackground#A3424240
- peekViewTitle.background#1A1A1A
- pickerGroup.border#1F1F1F
- pickerGroup.foreground#9ED4E0
- quickInput.background#141414
- quickInput.foreground#C6CAC9
- scrollbarSlider.activeBackground#A3424280
- scrollbarSlider.background#28282860
- scrollbarSlider.hoverBackground#28282880
- settings.checkboxBackground#141414
- settings.dropdownBackground#141414
- settings.headerForeground#9ED4E0
- settings.modifiedItemIndicator#5CA5C0
- settings.numberInputBackground#141414
- settings.textInputBackground#141414
- sideBar.background#141414
- sideBar.border#1F1F1F
- sideBar.foreground#C6CAC9
- statusBar.background#141414
- statusBar.border#1F1F1F
- statusBar.debuggingBackground#A34242
- statusBar.foreground#C6CAC9
- statusBar.noFolderBackground#141414
- tab.activeBackground#141414
- tab.activeBorder#A34242
- tab.activeForeground#C6CAC9
- tab.inactiveBackground#1A1A1A
- tab.inactiveForeground#8C8281
- tab.unfocusedActiveBorder#894747
- terminal.ansiBlack#1A1A1A
- terminal.ansiBlue#4A8399
- terminal.ansiBrightBlack#404040
- terminal.ansiBrightBlue#5CA5C0
- terminal.ansiBrightCyan#9ED4E0
- terminal.ansiBrightGreen#5FBE78
- terminal.ansiBrightMagenta#B266A1
- terminal.ansiBrightRed#C24A4A
- terminal.ansiBrightWhite#D9E3F4
- terminal.ansiBrightYellow#D9C999
- terminal.ansiCyan#36575E
- terminal.ansiGreen#4F9E64
- terminal.ansiMagenta#9A5085
- terminal.ansiRed#A34242
- terminal.ansiWhite#C6CAC9
- terminal.ansiYellow#C4B483
- terminal.background#141414
- terminal.foreground#C6CAC9
- titleBar.activeBackground#141414
- titleBar.activeForeground#C6CAC9
- titleBar.border#1F1F1F
- titleBar.inactiveBackground#141414
- titleBar.inactiveForeground#8C8281
- welcomePage.buttonBackground#1A1A1A
- welcomePage.buttonHoverBackground#202020
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #62736C | — |
| variable, string constant.other.placeholder | #AABDBF | — |
| constant.other.color | #D9C999 | — |
| invalid, invalid.illegal | #C24A4A | — |
| keyword, storage.type, storage.modifier | #5CA5C0 | — |
| keyword.operator | #BFBAB0 | — |
| string, constant.other.symbol | #5FBE78 | — |
| constant.numeric | #D9C999 | — |
| constant.language, support.constant, constant.character, constant.escape | #D9C999 | — |
| entity.name.function, meta.function-call, support.function | #9ED4E0 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #5CA5C0 | — |
| meta.method.declaration, meta.method-call, meta.method | #9ED4E0 | — |
| variable.other.property, support.variable.property | #C5D5D9 | — |
| meta.object-literal.key | #C5D5D9 | — |
| entity.name.tag, meta.tag.sgml | #A34242 | — |
| entity.other.attribute-name | #D9C999 | — |
| markup.heading | #5CA5C0 | — |
| markup.bold | #9ED4E0 | bold |
| markup.italic | #D9C999 | italic |
| punctuation.definition, punctuation.separator, punctuation.terminator | #8C8281 | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section | #AABDBF | — |
| entity.name.type.interface, entity.name.type.struct | #5CA5C0 | — |
| meta.decorator, tag.decorator.js entity.name.tag, tag.decorator.js punctuation.definition.tag | #B266A1 | — |
| template.expression.begin, template.expression.end | #C24A4A | — |
| support.type.property-name.css | #AABDBF | — |
| support.constant.property-value.css | #5FBE78 | — |
| keyword.other.important.css | #A34242 | — |
| keyword.other.unit.css | #D9C999 | — |
| constant.other.color.rgb-value.css | #D9C999 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #5CA5C0 | — |
| entity.name.tag.html | #A34242 | — |
| entity.other.attribute-name.html | #D9C999 | — |
| text.html | #C6CAC9 | — |
| support.type.property-name.json | #C5D5D9 | — |
| string.quoted.double.json | #5FBE78 | — |
| constant.numeric.json | #D9C999 | — |
| meta.tag.jsx, meta.tag.tsx | #A34242 | — |
| support.class.component.jsx, support.class.component.tsx | #5CA5C0 | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #D9C999 | — |
| meta.type.parameters.ts, meta.type.annotation.ts | #AABDBF | — |
| meta.object-literal.key, variable.object.property | #C5D5D9 | — |
| variable.language.this | #C24A4A | — |
| meta.field.graphql | #9ED4E0 | — |
| meta.type.graphql | #5CA5C0 | — |
| meta.operation.graphql | #D9C999 | — |
| entity.name.tag.xml | #A34242 | — |
| entity.other.attribute-name.xml | #D9C999 | — |
| text.xml | #C6CAC9 | — |
| markup.inserted | #5FBE78 | — |
| markup.deleted | #A34242 | — |
| markup.changed | #D9C999 | — |
| variable.parameter.function.language.special.self.python, variable.language.special.self.python | #C24A4A | — |
| variable.parameter.function.python | #D9C999 | — |
| constant.character.format.placeholder.other.python, meta.fstring.python | #D9C999 | — |
| entity.name.function.decorator.python | #B266A1 | — |
| support.variable.property.dom | #D9C999 | — |
| support.class.builtin | #5CA5C0 | — |
| entity.name.type.module | #5FBE78 | — |
| variable.other.constant | #D9C999 | — |
| variable.other.readwrite.instance.ruby | #B266A1 | — |
| variable.other.readwrite.class.ruby | #D9C999 | — |
| constant.language.symbol.ruby | #D9C999 | — |
| variable.other.block.ruby | #D9C999 | — |
| support.function.go | #9ED4E0 | — |
| entity.name.type.go | #5CA5C0 | — |
| entity.name.package.go | #5FBE78 | — |
| meta.attribute.rust | #D9C999 | — |
| storage.type.rust | #5CA5C0 | — |
| entity.name.lifetime.rust | #D9C999 | — |
| meta.macro.rust | #B266A1 | — |
| markup.heading.markdown | #5CA5C0 | — |
| markup.underline.link.markdown | #9ED4E0 | — |
| markup.bold.markdown | #D9C999 | bold |
| markup.italic.markdown | #D9C999 | italic |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #A34242 | — |
| markup.fenced_code.block.markdown, markup.raw.block.markdown | #5FBE78 | — |
| variable.other.special.shell | #D9C999 | — |
| support.function.builtin.shell | #9ED4E0 | — |
| variable.parameter.option.shell | #D9C999 | — |
| entity.name.tag.yaml | #C5D5D9 | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #D9C999 | — |
| keyword.other.special-method.dockerfile | #5CA5C0 | — |
| meta.preprocessor.c, meta.preprocessor.cpp | #B266A1 | — |
| keyword.other.sql | #A34242 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...