A VS Code theme inspired by jellybeans — vivid, playful colors with dark and light variants.
Themes
Jellybean Dark — deep dark background with vivid candy accent colors
Jellybean Light — soft lavender whites with vibrant, saturated accents
Color Palette
Jellybean Dark
| Role | Color |
|---|---|
| Background | #0f1023 |
| Foreground | #e8e8f0 |
| Yellow | #FFD700 |
| Orange | #FF8500 |
| Purple | #8B5CF6 |
| Teal | #14B8A6 |
| Green | #22C55E |
| Blue | #60A5FA |
| Pink | #EC4899 |
| Red | #EF4444 |
Jellybean Light
| Role | Color |
|---|---|
| Background | #f0eef8 |
| Foreground | #1a1b2e |
| Yellow | #C9A000 |
| Orange | #CC6600 |
| Purple | #7C3AED |
| Teal | #0F9C8A |
| Green | #16A34A |
| Blue | #2563EB |
| Pink | #DB2777 |
| Red | #DC2626 |
Installation
- Open VS Code
- Go to Extensions (
Ctrl+Shift+X/Cmd+Shift+X) - Search for Jellybean Theme
- Click Install
- Open the Command Palette (
Ctrl+Shift+P/Cmd+Shift+P) → Preferences: Color Theme → select Jellybean Dark or Jellybean Light