Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Bubblegum NoirNew to Visual Studio Code? Get it now.
Bubblegum Noir

Bubblegum Noir

strawberrycode

|
3 installs
| (0) | Free
A hot pink Y2K theme — bubblegum workbench, dark editor core, pink-and-lime syntax highlighting.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Bubblegum Noir 🎀

A hot pink Y2K theme for VS Code — bubblegum pink workbench (sidebar, tabs, status bar, menus), a dark plum editor core, and syntax highlighting in shades of pink with lime green accents.

Palette

Role Color
Hot pink accent #ff2e9a
Workbench pink #f7cfe1 / #f2a7c9 / #ee8ec0
Editor background #241119 (dark plum)
Lime green #baff39 (strings, cursor, highlights)
Soft lime #d3f57a (types, classes)
Light pinks #ffb3d9 (functions), #ff7ec2 (operators)

Try it out

  1. Open this folder in VS Code.
  2. Press F5 — an Extension Development Host window opens with the theme available.
  3. In that window: Ctrl+K Ctrl+T → pick Bubblegum Noir.

Edit themes/bubblegum-noir-color-theme.json while the dev host is open and changes apply live.

Install for everyday use

Package it as a .vsix and install:

npm install -g @vscode/vsce
vsce package
code --install-extension bubblegum-noir-0.0.1.vsix

Or for a quick local install without packaging, copy this folder to %USERPROFILE%\.vscode\extensions\bubblegum-noir and restart VS Code.

Tweaking colors

  • Workbench (pink UI chrome): the colors section. Key names are documented at https://code.visualstudio.com/api/references/theme-color
  • Syntax highlighting: the tokenColors section. Use Developer: Inspect Editor Tokens and Scopes from the Command Palette to see which scope any piece of code has.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft