Sakura Nova

A cosmic cherry-blossom theme for Visual Studio Code.

Five hand-tuned variants — four dark, one light — built around a single sakura-pink accent, with full semantic highlighting and a matching terminal palette.

Install
Variants
Preview
Color palette
Recommended settings
Customizing
Language coverage
Build from source
Contributing
License

Install

From the Marketplace — search Sakura Nova in the Extensions view (Ctrl+Shift+X / Cmd+Shift+X) and hit Install.

From Quick Open — press Ctrl+P / Cmd+P, then:

ext install zsn-Rose.sakura-nova

From the CLI:

code --install-extension zsn-Rose.sakura-nova

Then pick a variant with Ctrl+K Ctrl+T / Cmd+K Cmd+T, or run Preferences: Color Theme from the Command Palette.

Variants

Theme	Base	Editor background	Best for
Sakura Nova Dark	`vs-dark`	`#100E23`	The default. Violet keywords, mint strings, deep midnight canvas.
Sakura Nova Dark Pro	`vs-dark`	`#100E23`	Higher-contrast take — pink keywords, cooler variables, extra UI polish.
Sakura Nova Warm	`vs-dark`	`#231A2D`	Softer plum background that takes the blue edge off long sessions.
Sakura Nova Dark Red	`vs-dark`	`#100E23`	Rose-forward accents with italic variables.
Sakura Nova Light	`vs`	`#F8F8F2`	Daylight variant, tuned for contrast rather than washed-out pastels.

Preview

Sakura Nova Dark

Sakura Nova Dark Pro

Sakura Nova Warm

Sakura Nova Dark Red

Sakura Nova Light

Color palette

Brand core

The accent is shared across all five variants, so switching between them never changes the feel of the UI chrome.

Name	Hex	Role
Sakura	`#FF5DA2`	Primary accent — focus border, badges, active line number, tab indicator
Blossom	`#FF75C3`	Keywords in Pro / Warm
Rose	`#F02E6E`	Errors, deletions, Warm buttons
Petal	`#FFC0CB`	Cursor (dark variants)
Nova Violet	`#AD50EC`	Keywords in Dark
Lavender	`#D4BFFF`	Numbers, constants, types
Nova Blue	`#91DDFF`	Functions
Aqua	`#63F2F1`	Attributes
Mint	`#A1EFD3`	Strings
Amber	`#FFB378`	Warnings, modifications
Dusk	`#7F789F`	Comments, line numbers, muted UI
Moonlight	`#F8F8F2`	Foreground
Midnight	`#100E23`	Editor background
Nebula	`#1E1C31`	Elevated surfaces, line highlight

Interface

Theme	Editor	Chrome	Foreground	Accent	Cursor	Selection
Dark	`#100E23`	`#16112A`	`#F8F8F2`	`#FF5DA2`	`#FFC0CB`	`#FF5DA2` @ 32%
Dark Pro	`#100E23`	`#16112A`	`#F8F8F2`	`#FF5DA2`	`#FFC0CB`	`#FF5DA2` @ 32%
Warm	`#231A2D`	`#140D1F`	`#F8F8F2`	`#FF5DA2`	`#FFC0CB`	`#FF5DA2` @ 32%
Dark Red	`#100E23`	`#1E1C31`	`#F8F8F2`	`#FF5DA2`	`#FF5DA2`	`#FF5DA2` @ 32%
Light	`#F8F8F2`	`#E4EFED`	`#1E1C31`	`#FF5DA2`	`#FF5DA2`	`#FF5DA2` @ 32%

Syntax

Token	Dark	Dark Pro	Warm	Dark Red	Light
Comment (italic)	`#7F789F`	`#7F789F`	`#7F789F`	`#7F789F`	`#9A91A0`
Keyword	`#AD50EC`	`#FF75C3`	`#FF75C3`	`#F2608F`	`#FF00BB`
String	`#A1EFD3`	`#ADE292`	`#ADE292`	`#A1EFD3`	`#40A02B`
Number / constant	`#D4BFFF`	`#D4BFFF`	`#D4BFFF`	`#D4BFFF`	`#8839EF`
Function	`#91DDFF`	`#91DDFF`	`#91DDFF`	`#91DDFF`	`#FE640B`
Class / type	`#D4BFFF`	`#D4BFFF`	`#D4BFFF`	`#D4BFFF`	`#8839EF`
Variable / property	`#F5C2E7`	`#CFEFFF`	`#F5C2E7`	`#F5C2E7` (italic)	`#5B5F97`
Operator	`#F8F8F2`	`#F8F8F2`	`#F8F8F2`	`#F8F8F2`	`#1E1C31`
Tag	`#FF5F94`	`#FF5F94`	`#FF5F94`	`#FF5F94`	`#F02E6E`
Attribute	`#63F2F1`	`#63F2F1`	`#63F2F1`	`#63F2F1`	`#1E66F5`
Bracket pair 1 / 2 / 3	`#AD50EC` `#91DDFF` `#FFE6B3`	`#FF75C3` `#91DDFF` `#F4D0D0`	`#FF75C3` `#91DDFF` `#FFE6B3`	`#F2608F` `#91DDFF` `#FFB378`	`#8A38C4` `#0E76B1` `#B25A17`

Terminal (ANSI) palette

Sakura Nova Dark

	Black	Red	Green	Yellow	Blue	Magenta	Cyan	White
Normal	`#383648`	`#FF5F94`	`#2CE592`	`#FFB378`	`#1DA0E2`	`#AD50EC`	`#87DFEB`	`#8D91A8`
Bright	`#7F789F`	`#F2608F`	`#A1EFD3`	`#FFE6B3`	`#91DDFF`	`#FF5DA2`	`#63F2F1`	`#F8F8F2`

Sakura Nova Dark Pro

	Black	Red	Green	Yellow	Blue	Magenta	Cyan	White
Normal	`#383648`	`#F02E6E`	`#2CE592`	`#FFB378`	`#1DA0E2`	`#FF75C3`	`#87DFEB`	`#8D91A8`
Bright	`#7F789F`	`#F2608F`	`#A1EFD3`	`#FFE6B3`	`#91DDFF`	`#FF5DA2`	`#63F2F1`	`#F8F8F2`

Sakura Nova Warm

	Black	Red	Green	Yellow	Blue	Magenta	Cyan	White
Normal	`#383648`	`#F02E6E`	`#2CE592`	`#FFB378`	`#1DA0E2`	`#FF75C3`	`#87DFEB`	`#8D91A8`
Bright	`#7F789F`	`#F2608F`	`#A1EFD3`	`#FFE6B3`	`#91DDFF`	`#FF5DA2`	`#63F2F1`	`#F8F8F2`

Sakura Nova Dark Red

	Black	Red	Green	Yellow	Blue	Magenta	Cyan	White
Normal	`#383648`	`#F02E6E`	`#2CE592`	`#FFB378`	`#1DA0E2`	`#F2608F`	`#87DFEB`	`#8D91A8`
Bright	`#7F789F`	`#F2608F`	`#A1EFD3`	`#FFE6B3`	`#91DDFF`	`#FF5DA2`	`#63F2F1`	`#F8F8F2`

Sakura Nova Light

	Black	Red	Green	Yellow	Blue	Magenta	Cyan	White
Normal	`#1E1C31`	`#E01055`	`#40A02B`	`#B25A17`	`#0E76B1`	`#8A38C4`	`#0B7E7E`	`#807F88`
Bright	`#6B708D`	`#F02E6E`	`#1CA373`	`#C28200`	`#0096D8`	`#FF4393`	`#0D9F9E`	`#1E1C31`

Recommended settings

Sakura Nova ships semantic highlighting and bracket-pair colors, so both are worth leaving on. Drop this into your settings.json:

{
  "workbench.colorTheme": "Sakura Nova Dark",

  // Semantic tokens are defined for all five variants
  "editor.semanticHighlighting.enabled": true,

  // Bracket pair colors are theme-defined (3 levels + unexpected)
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active",

  // Pairs well with the theme's italics
  "editor.fontFamily": "'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,

  "editor.cursorBlinking": "phase",
  "editor.cursorSmoothCaretAnimation": "on",
  "terminal.integrated.fontFamily": "'JetBrains Mono', monospace"
}

Note on italics — comments are italic in every variant, and Dark Red italicizes variables and properties too. If your font has no true italic, pick one that does (JetBrains Mono, Cascadia Code, Fira Code, Victor Mono) or turn italics off in Customizing below.

Customizing

Scope your overrides to a single variant so they don't leak into other themes.

{
  "workbench.colorCustomizations": {
    "[Sakura Nova Dark]": {
      "editor.background": "#0B0A1A",
      "editorCursor.foreground": "#FF5DA2",
      "sideBar.background": "#0B0A1A"
    }
  },

  "editor.tokenColorCustomizations": {
    "[Sakura Nova Dark]": {
      // Turn off italic comments
      "comments": { "fontStyle": "" },
      "textMateRules": [
        {
          "scope": "keyword.control",
          "settings": { "foreground": "#FF5DA2" }
        }
      ]
    }
  }
}

To find the scope under your cursor, run Developer: Inspect Editor Tokens and Scopes from the Command Palette.

Language coverage

Token rules are tuned and visually checked against:

JavaScript · TypeScript · JSX / TSX · HTML · CSS / SCSS · Python · C · C++ · Rust · Go · Java · Ruby · PHP · Swift · Markdown · JSON / JSONC · YAML · TOML · Shell

Anything not in that list still renders correctly through the base scopes and semantic tokens — open an issue if a language looks off and it'll get a dedicated pass.

License

MIT © zsn

If Sakura Nova makes your editor a nicer place to sit, a ⭐ on the repo or a review on the Marketplace goes a long way.

Sakura Nova New

zsn