Jellybean Theme
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
Repository
github.com/anamariafovo/vscode-jellybean-theme
| |