Now on Cursor, Kiro, VSCodium & more
๐Ÿงˆ๐Ÿป

Butter Bear

10 warm golden themes + a bear that lives in your status bar. Feed it. Watch it grow. Prestige.

Available on VS Code ยท Cursor ยท Kiro ยท VSCodium ยท Gitpod ยท Theia

๐ŸŒ
Other editors
Open VSX listing
Visit โ†’
โ˜… GitHub
๐Ÿป In the zone. โŒจ๏ธ ๐Ÿฏ 12
10 Themes
5 Bear Stages
โˆž Prestige Levels
6+ Editors Supported
MIT Open Source
Themes

10 themes. One identity.

Every variant keeps amber as the keyword color โ€” the Butter Bear thread. Darcula-calibrated for all-day comfort.

app.ts

The Companion

A bear that grows with you.

Five stages, then prestige. The cycle never ends.

๐Ÿฃ
Newborn Cub
0 XP
๐Ÿป
Tiny Cub
200 XP
๐Ÿงธ
Young Bear
700 XP
๐Ÿปโ€โ„๏ธ
Adult Bear
1700 XP
๐Ÿ‘‘๐Ÿป
Legend Bear
3700 XP
๐ŸŒŸ

Prestige System

Hit Legend and keep coding. At 8700 XP total your bear resets to Cub โ€” with a ๐ŸŒŸ star. Hit legend again โ†’ ๐ŸŒŸ๐ŸŒŸ. Then ๐ŸŒŸ๐ŸŒŸ๐ŸŒŸ. The cycle never ends.


Try It

Feed the bear.

In VS Code, honey is earned by coding. Here, you can just click.

๐Ÿฃ
๐Ÿฏ 10
honey
0 / 200 XP โ€” Newborn Cub

Mechanics

Earn while you code.

Everything you do earns XP and honey. The bear never judges idle time.

โŒจ๏ธ

Keystrokes

Every 50 keystrokes earns 1 honey. XP accrues per character typed.

๐Ÿ’พ

Saving

Each save earns 1 honey + 10 XP. Clean saves with zero errors trigger a celebration.

๐Ÿ”ง

Fixing Errors

Each error fixed earns 2 honey + 25 XP. The bear appreciates good debugging.

๐Ÿฏ

Feeding

Spend honey for XP. 3ร— multiplier when starving. Keeps hunger up so the bear stays happy.


Design Philosophy

"Does this hurt after four hours?"

Every Butter theme follows four principles from JetBrains' Darcula โ€” the most-loved dark theme in professional IDEs.

Never pure black

Warm-tinted medium-dark backgrounds reduce eye strain. Pure black causes "halation" โ€” text appears to glow on dark backgrounds.

Never pure white text

Cream/muted foreground at ~5.5:1 contrast. Passes WCAG AA without burning your eyes on late nights.

Functionally distinct syntax

Each token type gets its own color family. Your brain learns the pattern โ€” reading speed increases over time.

Muted base, vivid accents

Desaturated backgrounds let amber syntax pop without neon glare. AMOLED and HC are intentional exceptions.


๐Ÿงˆ๐Ÿป

Ready to install?

Pick your editor โ€” Butter Bear works everywhere.

code --install-extension butterdev.butter-bear click to copy
cursor --install-extension butterdev.butter-bear click to copy
kiro --install-extension butterdev.butter-bear click to copy
codium --install-extension butterdev.butter-bear click to copy
Search "Butter Bear" in your Extensions panel click to copy ID

Also available on Gitpod ยท Eclipse Theia ยท Coder ยท OpenShift Dev Spaces โ€” any editor using the Open VSX Registry