Sakura Nova
Publisher: zsnThemes in package: 5
A cosmic cherry-blossom theme for VS Code — five hand-tuned variants (Dark, Dark Pro, Warm, Dark Red and Light) with full semantic highlighting and a matching terminal palette.
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.activeBackground#FF5DA214
- activityBar.activeBorder#FF5DA2
- activityBar.background#E4EFED
- activityBar.foreground#1E1C31
- activityBar.inactiveForeground#1E1C3173
- activityBarBadge.background#FF5DA2
- activityBarBadge.foreground#1E1C31
- badge.background#FF5DA2
- badge.foreground#1E1C31
- breadcrumb.activeSelectionForeground#FF5DA2
- breadcrumb.background#F8F8F2
- breadcrumb.foreground#1E1C318C
- breadcrumbPicker.background#E4EFED
- button.background#FF5DA2
- button.foreground#1E1C31
- button.hoverBackground#FF5DA2D9
- button.secondaryBackground#E4EFED
- button.secondaryForeground#1E1C31
- button.secondaryHoverBackground#6B708D33
- diffEditor.insertedLineBackground#1680541F
- diffEditor.insertedTextBackground#16805433
- diffEditor.removedLineBackground#F02E6E1F
- diffEditor.removedTextBackground#F02E6E33
- dropdown.background#E4EFED
- dropdown.border#6B708D4C
- dropdown.foreground#1E1C31
- editor.background#F8F8F2
- editor.findMatchBackground#FF5DA273
- editor.findMatchHighlightBackground#FF5DA23D
- editor.foreground#1E1C31
- editor.inactiveSelectionBackground#FF5DA229
- editor.lineHighlightBackground#E4EFED
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#FF5DA252
- editor.selectionHighlightBackground#FF5DA22E
- editor.wordHighlightBackground#1576A729
- editor.wordHighlightStrongBackground#1576A742
- editorBracketHighlight.foreground1#8A38C4
- editorBracketHighlight.foreground2#0E76B1
- editorBracketHighlight.foreground3#B25A17
- editorBracketHighlight.foreground4#0B7E7E
- editorBracketHighlight.foreground5#168054
- editorBracketHighlight.foreground6#FF5DA2
- editorBracketHighlight.unexpectedBracket.foreground#F02E6E
- editorBracketMatch.background#FF5DA233
- editorBracketMatch.border#FF5DA2
- editorCursor.background#F8F8F2
- editorCursor.foreground#FF5DA2
- editorError.foreground#F02E6E
- editorGutter.addedBackground#168054
- editorGutter.background#F8F8F2
- editorGutter.deletedBackground#F02E6E
- editorGutter.modifiedBackground#1576A7
- editorHoverWidget.background#E4EFED
- editorHoverWidget.border#6B708D40
- editorIndentGuide.activeBackground1#FF5DA266
- editorIndentGuide.background1#6B708D40
- editorInfo.foreground#1576A7
- editorLineNumber.activeForeground#FF5DA2
- editorLineNumber.foreground#6B708DB2
- editorOverviewRuler.border#00000000
- editorRuler.foreground#6B708D33
- editorSuggestWidget.background#E4EFED
- editorSuggestWidget.border#6B708D40
- editorSuggestWidget.foreground#1E1C31
- editorSuggestWidget.highlightForeground#FF5DA2
- editorSuggestWidget.selectedBackground#FF5DA238
- editorWarning.foreground#996700
- editorWhitespace.foreground#6B708D4C
- editorWidget.background#E4EFED
- editorWidget.border#6B708D40
- extensionButton.prominentBackground#FF5DA2
- extensionButton.prominentForeground#1E1C31
- extensionButton.prominentHoverBackground#FF5DA2D9
- focusBorder#FF5DA2
- gitDecoration.addedResourceForeground#168054
- gitDecoration.conflictingResourceForeground#996700
- gitDecoration.deletedResourceForeground#F02E6E
- gitDecoration.ignoredResourceForeground#6B708D99
- gitDecoration.modifiedResourceForeground#1576A7
- gitDecoration.untrackedResourceForeground#168054
- input.background#E4EFED
- input.border#6B708D4C
- input.foreground#1E1C31
- input.placeholderForeground#1E1C3173
- inputOption.activeBorder#FF5DA2
- list.activeSelectionBackground#FF5DA242
- list.activeSelectionForeground#1E1C31
- list.errorForeground#F02E6E
- list.focusBackground#FF5DA233
- list.highlightForeground#FF5DA2
- list.hoverBackground#6B708D24
- list.inactiveSelectionBackground#FF5DA224
- list.warningForeground#996700
- minimap.background#F8F8F2
- minimapGutter.addedBackground#168054
- minimapGutter.deletedBackground#F02E6E
- minimapGutter.modifiedBackground#1576A7
- minimapSlider.activeBackground#FF5DA259
- minimapSlider.background#FF5DA226
- minimapSlider.hoverBackground#FF5DA240
- notificationCenter.border#6B708D33
- notificationCenterHeader.background#E4EFED
- notifications.background#E4EFED
- notifications.foreground#1E1C31
- notificationsErrorIcon.foreground#F02E6E
- notificationsInfoIcon.foreground#1576A7
- notificationsWarningIcon.foreground#996700
- panel.background#E4EFED
- panel.border#6B708D40
- panelTitle.activeBorder#FF5DA2
- panelTitle.activeForeground#1E1C31
- panelTitle.inactiveForeground#1E1C318C
- peekView.border#FF5DA2
- peekViewEditor.background#E4EFED
- peekViewResult.background#E4EFED
- peekViewTitle.background#E4EFED
- peekViewTitleLabel.foreground#1E1C31
- scrollbarSlider.activeBackground#FF5DA266
- scrollbarSlider.background#6B708D4C
- scrollbarSlider.hoverBackground#FF5DA240
- sideBar.background#E4EFED
- sideBar.border#6B708D33
- sideBar.foreground#1E1C31E6
- sideBarSectionHeader.background#6B708D1A
- sideBarSectionHeader.foreground#1E1C31
- sideBarTitle.foreground#1E1C31
- statusBar.background#E4EFED
- statusBar.border#6B708D33
- statusBar.debuggingBackground#996700
- statusBar.debuggingForeground#1E1C31
- statusBar.foreground#1E1C31
- statusBar.noFolderBackground#E4EFED
- statusBarItem.hoverBackground#FF5DA229
- statusBarItem.remoteBackground#FF5DA2
- statusBarItem.remoteForeground#1E1C31
- tab.activeBackground#F8F8F2
- tab.activeBorderTop#FF5DA2
- tab.activeForeground#1E1C31
- tab.border#6B708D26
- tab.hoverBackground#FF5DA214
- tab.inactiveBackground#E4EFED
- tab.inactiveForeground#1E1C318C
- terminal.ansiBlack#1E1C31
- terminal.ansiBlue#0E76B1
- terminal.ansiBrightBlack#6B708D
- terminal.ansiBrightBlue#0096D8
- terminal.ansiBrightCyan#0D9F9E
- terminal.ansiBrightGreen#1CA373
- terminal.ansiBrightMagenta#FF4393
- terminal.ansiBrightRed#F02E6E
- terminal.ansiBrightWhite#1E1C31
- terminal.ansiBrightYellow#C28200
- terminal.ansiCyan#0B7E7E
- terminal.ansiGreen#117F58
- terminal.ansiMagenta#8A38C4
- terminal.ansiRed#E01055
- terminal.ansiWhite#807F88
- terminal.ansiYellow#B25A17
- terminal.background#F8F8F2
- terminal.foreground#1E1C31
- terminalCursor.foreground#FF5DA2
- titleBar.activeBackground#E4EFED
- titleBar.activeForeground#1E1C31
- titleBar.border#6B708D33
- titleBar.inactiveBackground#F8F8F2
- titleBar.inactiveForeground#1E1C318C
- widget.shadow#00000055
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6B708D | italic |
| string, string.quoted, punctuation.definition.string | #117F58 | — |
| constant.character.escape | #0B7E7E | — |
| constant.numeric, constant.language, constant.language.boolean, variable.other.constant, support.constant | #D4BFFF | — |
| keyword, keyword.control, keyword.other, keyword.operator.new | #8A38C4 | — |
| storage, storage.type, storage.modifier | #8A38C4 | — |
| keyword.operator, punctuation | #1E1C31 | — |
| entity.name.function, support.function, meta.function-call, variable.function, entity.name.function.member | #0E76B1 | — |
| entity.name.type, entity.name.class, support.class, support.type, entity.other.inherited-class | #7B4FD6 | — |
| variable, variable.other.readwrite, variable.parameter, variable.other.property, meta.object-literal.key | #C23F86 | — |
| entity.name.tag | #F02E6E | — |
| entity.other.attribute-name | #0B7E7E | — |
| support.type.property-name.json | #0B7E7E | — |
| string.quoted.double.json, string.quoted.single.json | #C23F86 | — |
| invalid, invalid.illegal | #F02E6E | — |
| markup.heading | #8A38C4 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline.link | #0E76B1 | — |
| markup.quote | #6B708D | italic |
| markup.inline.raw | #B25A17 | — |