VS Code Extensions
Bubblegum Noir

Bubblegum Noir

by strawberrycode

A hot pink Y2K theme — bubblegum workbench, dark editor core, pink-and-lime syntax highlighting.

Downloads

13

Rating

— (0)

Version

0.0.2

Last updated

Jul 24, 2026

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.

Related extensions