🌸 Sakura Bloom Theme
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
.vsix file 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