Feel the blooming beauty of Japan in your editor. For developers who love calm, beautiful aesthetics. 🌸
About
Sakura Bloom is a nature-inspired Visual Studio Code theme based on the beauty of Japanese cherry blossoms. A full bloom palette of soft pastel pinks, warm pollen yellows, and deep rose tones, balanced, minimal, and easy on the eyes.
Variants
Sakura Bloom Dark
A night cherry blossom experience. Deep dark rose backgrounds with soft petal pinks and warm golden accents — like watching sakura bloom under a moonlit sky.
Sakura Bloom Light
A fresh spring morning feel. Soft petal white backgrounds with deep rose and warm golden tones — like coding under a canopy of blooming cherry trees.
Color Palette
Dark Theme
| Element | Color | Description |
|---|---|---|
| Background | #1A0F14 |
Night cherry black |
| Text | #F2D8E0 |
Pale blossom white |
| Keywords | #E8789A |
Medium bloom pink |
| Functions | #F5C842 |
Pollen gold |
| Strings | #F4B8C8 |
Soft petal pink |
| Classes | #C4507A |
Deep center pink |
| Numbers | #F5DEB3 |
Warm cream yellow |
| Comments | #4A2535 |
Muted bark |
| Errors | #FF3333 |
Red |
Light Theme
| Element | Color | Description |
|---|---|---|
| Background | #FFF5F7 |
Soft petal white |
| Text | #3D1A24 |
Deep rose bark |
| Keywords | #C4507A |
Deep center pink |
| Functions | #8B6914 |
Dark warm gold |
| Strings | #8B2045 |
Deep rose |
| Classes | #8B2045 |
Dark rose |
| Numbers | #8B6914 |
Golden brown |
| Comments | #C4A0B0 |
Soft muted rose |
| Errors | #CC1111 |
Red |
Installation
From VS Code Marketplace
- Open Extensions in VS Code (
Ctrl + Shift + X) - Search for
Sakura Bloom Theme - Click Install
- Go to File → Preferences → Color Theme
- Select Sakura Bloom Dark or Sakura Bloom Light
Manual Installation
- Download the
.vsixfile from the releases page - Open VS Code terminal and run:
code --install-extension sakura-bloom-theme-0.0.1.vsix
- Go to File → Preferences → Color Theme
- Select Sakura Bloom Dark or Sakura Bloom Light
Recommended Settings
For the best sakura experience, add these to your VS Code settings.json:
{
"editor.fontFamily": "JetBrains Mono, Fira Code, monospace",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.lineHeight": 1.8,
"editor.letterSpacing": 0.5,
"editor.renderLineHighlight": "line"
}
Recommended Font Pairings 🌸
| Font | Why it works |
|---|---|
| JetBrains Mono | Clean and sharp, lets the colors shine |
| Fira Code | Elegant ligatures, warm and readable |
| Cascadia Code | Soft curves, pairs beautifully with pastels |
| IBM Plex Mono | Minimal and editorial, timeless feel |
Made with 🌸 by Amelita Dela Torre