Pastelight — Elegant Pastel Themes for VS Code 🌸
A soothing collection of pastel light themes for Visual Studio Code, crafted for developers who value clarity, elegance, and eye comfort.
Perfect for long hours of coding, content creation, writing, or UI design.
🌈 Included Themes
- 🌸 Blush Drift – A soft pink-hued palette for serene focus.
- 🌷 Lilac Dream – Gentle purples that soothe and balance.
- ❄️ Lilac Frost – Cool lilac tones with frosty freshness.
- 🌿 Petal Whisper – Subtle floral tones with light greens and blushes.
- 🌹 Roseveil – Romantic rose hues with a refined contrast.
- 🪷 Canvas Blush – Balanced pastels with natural warmth.
- 💧 Petal Mist – Lavender-pink tones with airy clarity.
- 🍓 Cloudberry Bloom – A gentle fusion of berry-pink and cloud white for a dreamy, lifted feel.
- ☕ Petal Mocha – Warm blushes blended with soft browns, evoking calm and comfort.
- 🍨 Gelato Pastello – Creamy, playful pastels inspired by Italian gelato.
- 🌫️ Linen Mist – Whisper-soft greens and airy beiges, like morning light filtering through linen curtains — serene, subtle, and effortlessly elegant.
📸 Theme Preview Gallery
🌷 Lilac Dream
🌿 Petal Whisper
🌸 Gelato Pastello
🌸 Blush Drift
❄️ Lilac Frost
🌹 Roseveil
🪷 Canvas Blush
💧 Petal Mist
🍓 Cloudberry Bloom
☕ Petal Mocha
🌫️ Linen Mist
🧘♀️ Why Choose PastelLight?
- ✅ Made for Visual Studio Code with elegant light-tone UX
- 👨🎨 Ideal for frontend developers, designers, writers, and minimalists
- 🌿 Supports semantic syntax highlighting in pastel color schemes
- 🌤️ Gentle on eyes with low-contrast, well-balanced palettes
- ✨ Inspired by Tokyo Light, Nord, and natural gradients
🚀 Installation
📦 From the Marketplace
- Launch VS Code
- Go to Extensions sidebar (⇧⌘X / Ctrl+Shift+X)
- Search for: PastelLight Themes
- Click Install and choose your favorite!
🛠 Manual Installation
code --install-extension pastelight-themes-1.0.3.vsix
Or download the latest .vsix from Releases
💡 Recommended VS Code Settings
{
"workbench.colorTheme": "Lilac Dream",
"editor.fontFamily": "JetBrains Mono, Fira Code, Menlo, monospace",
"editor.fontLigatures": true,
"editor.cursorBlinking": "smooth",
"editor.cursorSmoothCaretAnimation": true
}
📥 Download preset settings
🛠 Developer Setup
- Press
F5 in VS Code to launch the Extension Development Host
- Open the Command Palette →
Color Theme to try your design
- Use
Inspect TM Scopes to debug syntax token colors
📁 Folder Structure
| File / Folder |
Purpose |
themes/*.json |
Individual theme definitions |
screenshots/*.png |
Theme preview images |
icons/icon.png |
Marketplace extension icon |
package.json |
VS Code extension config |
🤝 Contribute Your Pastel Vibe
Love ambient palettes or soft tones?
We'd love to showcase your vibe!
- 🎨 Fork this repo
- 🎯 Create your
.json theme
- 🔁 Submit a PR or open an issue
- 🌟 Credit will be given on all accepted themes
📜 License
MIT © Sudeep Batra
Crafted with 🩷 by Sudeep Batra — for lovers of light, calm, beautiful code 🕊️
⭐️ Enjoying PastelLight?
If PastelLight brings clarity, calm, or joy to your coding sessions,
please consider leaving a ⭐️ rating on the VS Code Marketplace!
Your support helps us grow and share more beautiful themes 💖
🌟 Rate & Review on Marketplace »
