Macaron Dream Theme
A box of colorful macarons meets the modern indie developer workspace.
A colorful pastel VS Code theme collection inspired by macarons — playful, modern, and built for joyful, long coding sessions. Not a pink-only theme: every macaron color gets its moment. Includes both Light and Dark themes that share one design system.
Themes
| Theme |
UI |
Mood |
| Macaron Dream Light |
Light |
A bright, colorful pastel workspace filled with different macaron colors — balanced, not pink-dominant. |
| Macaron Dream Dark |
Dark |
A midnight room with glowing pastel macarons — no pure black, calming and readable. |
Both themes share one design system, so switching feels like flipping between day and night of the same macaron box.
Preview
Macaron Dream Light
Macaron Dream Dark
Rendered previews show a sample server.ts with full syntax highlighting, the file explorer, terminal, and status bar — the same surfaces you'll see in VS Code.
Palette
Light
- Background
#FFFDF8 · Editor #FFFFFF · Sidebar #FFF8FB · Panel #FFFFFF · Border #E8DDE8
- Macaron Pink
#FFB3C6 · Lemon Yellow #FFE58A · Mint Green #B8E986 · Sky Blue #9ADCF5 · Lavender #CDB4FF
Dark
- Background
#17182B · Editor #20213A · Sidebar #1C1D33 · Panel #272840 · Border #3A3B5A
- Pink
#FF8FAB · Yellow #FFD166 · Mint #7BDCB5 · Blue #7DC8F7 · Lavender #B8A4FF
Syntax mapping (the same family)
| Token |
Light |
Dark |
| Keywords |
Lavender purple |
Pink / lavender glow |
| Functions |
Mint green |
Mint |
| Strings |
Warm yellow / peach |
Warm yellow |
| Variables |
Macaron pink |
Sky blue |
| Numbers |
Sky blue |
Purple |
| Comments |
Soft gray-purple |
Muted lavender gray |
Features
- Colorful, balanced multi-color pastel syntax (keywords, functions, strings, numbers, comments, variables, operators).
- Full UI theming: activity bar, sidebar, tabs, status bar, panels, terminal (ANSI), diff editor, and more.
- Semantic highlighting enabled for richer, language-aware colors.
- Each color stays recognizable — soft but professional, never childish.
- Calm, readable contrast for long coding sessions.
Marketplace screenshots
The rendered previews above double as the Marketplace screenshots:
- Light theme: a clean editor on
#FFFFFF with a soft pink status bar, lavender keywords, mint functions and sky-blue numbers — a desk of colorful macarons.
- Dark theme: midnight
#17182B workspace with glowing pink/lavender keywords, mint functions and warm-yellow strings — a box of macarons lit at night.
Install
- VS Code Marketplace: search for Macaron Dream Theme and click Install.
- From source:
npm install -g @vscode/vscevsce package to build a .vsix- In VS Code: Extensions → Install from VSIX…
Apply
- Open the Command Palette (
Ctrl/Cmd + Shift + P)
- Run Preferences: Color Theme
- Choose Macaron Dream Light or Macaron Dream Dark
Marketplace description
Macaron Dream Theme — a premium colorful pastel VS Code theme collection inspired by macarons. Playful creativity, soft technology, and a joyful coding experience. Includes Light & Dark themes with balanced multi-color accents, semantic highlighting, and full UI coverage. Designed for designers, AI creators, and indie developers who want a professional yet cheerful workspace.
License
This theme is released under a Non-Commercial License (非商业使用许可证). You may use, copy, modify, and share it for personal, educational, and non-commercial purposes only. Commercial use is not permitted without prior written permission from the copyright holder.
See the LICENSE file for the full bilingual (English / 中文) terms.
Copyright (c) 2026 Li Lin Huang.
| |
