Bubblegum Theme 🍬
A sweet and vibrant dark theme for Visual Studio Code with bubblegum-inspired pink and purple aesthetics.
Features
- Eye-friendly Dark Mode: Carefully crafted dark background colors (#1a1226) that are easy on the eyes
- Vibrant Pink & Purple: Beautiful pink and purple accent colors that make your code pop
- Consistent UI: Harmonious colors across editor, sidebar, terminal, and all UI elements
- Optimized Syntax Highlighting: Clear and readable syntax colors for various programming languages
Color Palette
- Background: Deep purple blacks (#1a1226, #16101f, #120d19)
- Accent: Bubblegum pink (#ff8ec4, #ff6b9d)
- Foreground: Soft pink (#ffd4e8)
- Highlights: Lavender (#c76eb3, #ad5599)
- Syntax Colors:
- Strings: Mint green (#a8e6cf)
- Keywords: Pink (#ff8ec4)
- Functions: Lavender (#c76eb3)
- Numbers: Peach (#ffd3a5)
- Types: Sky blue (#a8d8ff)
Installation
From VS Code Marketplace
- Open Extensions sidebar in VS Code (
Ctrl+Shift+X or Cmd+Shift+X)
- Search for "Bubblegum Theme"
- Click Install
- Go to
Code > Preferences > Color Theme and select Bubblegum
Manual Installation
- Download the
.vsix file from the releases page
- Open VS Code
- Go to Extensions (
Ctrl+Shift+X)
- Click on
... (More Actions) → Install from VSIX...
- Select the downloaded
.vsix file
Screenshots

Recommended Settings
For the best experience, consider these optional settings:
{
"editor.fontFamily": "Fira Code, Consolas, 'Courier New', monospace",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.lineHeight": 1.6
}
Issues & Contributions
Found a bug or have a suggestion? Please open an issue on GitHub.
License
MIT License - see LICENSE file for details.
Credits
Created with 💖 by Adrian Tri Setiawan
Enjoy coding with Bubblegum! 🍬✨
| |