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
- Open this folder in VS Code.
- Press
F5— an Extension Development Host window opens with the theme available. - 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
colorssection. Key names are documented at https://code.visualstudio.com/api/references/theme-color - Syntax highlighting: the
tokenColorssection. UseDeveloper: Inspect Editor Tokens and Scopesfrom the Command Palette to see which scope any piece of code has.