🌿 Ghibli Theme for VS Code / Cursor

A dreamy, nature-inspired color theme collection inspired by the magical worlds of Studio Ghibli films.

✨ Themes Included

🌲 Ghibli Forest (Dark)

Inspired by My Neighbor Totoro's enchanted forest

A deep, calming dark theme with rich forest greens, soft cream text, and warm amber accents. Perfect for those long coding sessions in your own digital forest sanctuary.

Color Palette:

• Background: Deep forest shadows #1E2A24
• Foreground: Warm parchment #E8DFD0
• Functions: Soft moss green #8FB89F
• Keywords: Gentle wisteria #B88FB8
• Strings: Golden honey #D4A84B
• Accents: Firefly orange #D49150

☁️ Ghibli Sky (Light)

Inspired by Laputa: Castle in the Sky

A soft, airy light theme reminiscent of floating clouds and mountain vistas. Warm cream backgrounds with natural earth tones and gentle sky accents.

Color Palette:

• Background: Cloud white #F8F4ED
• Foreground: Warm earth #4A4540
• Functions: Deep forest #4A8A58
• Keywords: Wisteria purple #8A5888
• Strings: Amber honey #B07828
• Accents: Sunset orange #D47040

🏮 Spirited Night

Inspired by Spirited Away's bathhouse at night

A mystical dark purple theme capturing the ethereal glow of the spirit realm. Deep violet backgrounds with warm lantern glows and magical accents.

Color Palette:

• Background: Midnight purple #1A1420
• Foreground: Spirit glow #E8E0F0
• Functions: River spirit green #88C898
• Keywords: Magic pink #D898D8
• Strings: Lantern gold #FFD080
• Accents: Spirit flame #FF7766

🎨 Design Philosophy

Each theme is carefully crafted to evoke the warmth, wonder, and natural beauty found in Studio Ghibli's films:

• Nature-inspired palettes - Colors drawn from forests, skies, and magical realms
• Comfortable contrast - Easy on the eyes for extended coding sessions
• Semantic consistency - Similar code elements share related colors across themes
• Thoughtful accents - Important elements stand out without being harsh

📦 Installation

From VS Code Marketplace

1. Open VS Code / Cursor
2. Go to Extensions (Cmd+Shift+X / Ctrl+Shift+X)
3. Search for "Ghibli Theme"
4. Click Install
5. Go to Preferences → Color Theme → Choose your Ghibli theme

Manual Installation

1. Download or clone this repository
2. Copy the folder to your extensions directory:
   • macOS: ~/.vscode/extensions/ or ~/.cursor/extensions/
   • Windows: %USERPROFILE%\.vscode\extensions\
   • Linux: ~/.vscode/extensions/
3. Restart VS Code / Cursor
4. Select the theme from Preferences → Color Theme

🖼️ Screenshots

Ghibli Sky (Light)

Ghibli Forest (Dark)

Spirited Night

🎬 Film References

• My Neighbor Totoro - Forest greens, rain, giant camphor trees
• Spirited Away - Red bathhouse, spirit lanterns, magical transformations
• Howl's Moving Castle - Calcifer's flames, castle warmth
• Laputa: Castle in the Sky - Floating clouds, ancient technology
• Kiki's Delivery Service - Coastal towns, gentle breezes
• Princess Mononoke - Deep forest spirits, ancient gods

🤝 Contributing

Found a color that feels off? Have suggestions for improvements? Feel free to open an issue or PR!

📜 License

MIT License - Feel free to use, modify, and share!

"In the middle of difficulty lies opportunity." - Hayao Miyazaki

Made with 💚