Whimsy Themes

A collection of whimsical color themes for VS Code and Cursor.

Themes

Whimsy Candy Dark

Deep indigo/charcoal background with soft pastel candy accents.

Role	Color	Swatch name
Background	`#1E1B2E`	Deep indigo
Foreground	`#E8E3F5`	Moonlight lavender
Keywords	`#F5A3C7`	Rose pink
Strings	`#A8E6CF`	Mint
Functions	`#9DD6F5`	Baby blue
Numbers / constants	`#FFCBA8`	Peach
Types / classes	`#C9B8F0`	Soft violet
Comments	`#7A7295`	Muted lavender (italic)

Rainbow brackets

Nested bracket pairs cycle through six candy colors (rose, mint, baby blue, peach, violet, butter), with matching pair guides connecting each opening bracket to its closing one. Mismatched brackets show in error rose #FF8FA3.

Two editor settings control this (both should be on):

{
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true
}

bracketPairColorization.enabled defaults to true; guides.bracketPairs defaults to false and must be enabled by hand. Use "active" instead of true to draw a guide only for the pair under the cursor.

All four themes share this bracket treatment, each in its own palette.

Whimsy Storybook Light

Cream paper with warm storybook inks.

Role	Color	Swatch name
Background	`#FBF6EA`	Cream paper
Foreground	`#453A2F`	Warm ink
Keywords	`#B04A73`	Berry
Strings	`#3E7A4E`	Leaf green
Functions	`#3D6E99`	Dusty blue
Numbers / constants	`#AD5C2B`	Terracotta
Types / classes	`#7A55A3`	Plum
Comments	`#98876C`	Faded ink (italic)

Whimsy Fairy Neon

Vivid fairy-tale neon on deep indigo.

Role	Color	Swatch name
Background	`#16102E`	Midnight indigo
Foreground	`#EDE7FF`	Starlight
Keywords	`#FF6EC7`	Neon pink
Strings	`#50FAC8`	Aqua glow
Functions	`#5CC8FF`	Electric blue
Numbers / constants	`#FFAE57`	Neon amber
Types / classes	`#B98CFF`	Electric violet
Comments	`#7E71B0`	Dusk (italic)

Whimsy Garden

Earthy garden whimsy: mosses, florals, mushroom tones.

Role	Color	Swatch name
Background	`#20261C`	Forest floor
Foreground	`#E7EDDD`	Morning mist
Keywords	`#D98BA6`	Floral pink
Strings	`#A8C686`	Moss
Functions	`#8FBFD9`	Stream blue
Numbers / constants	`#D9B98C`	Mushroom tan
Types / classes	`#B3A3D6`	Wisteria
Comments	`#87957B`	Sage (italic)

Developing

Open this folder in Cursor (or VS Code).
Press F5 to launch an Extension Development Host window with the theme available.
Edit themes/*.json and save — changes hot-reload in the dev host window.

Installing locally

npx @vscode/vsce package
cursor --install-extension whimsy-themes-*.vsix

(The wildcard picks up whatever version you just built.)

Then pick the theme via Cmd+K Cmd+T (Preferences: Color Theme).

Adding a new theme

Create themes/<name>-color-theme.json (copy an existing one as a starting point).
Add an entry to the contributes.themes array in package.json:

{
  "label": "Whimsy <Name>",
  "uiTheme": "vs-dark",
  "path": "./themes/<name>-color-theme.json"
}

Use "uiTheme": "vs" for light themes.

Bump the version in package.json, re-package, and re-install.