A curated collection of dark and light VS Code themes inspired by the aesthetics of Teyvat from Genshin Impact.
🌌 Overview
Genshin Vibes — A character-inspired theme system designed around mood, contrast, and long-session readability.
What you get:
Balanced Contrast — comfortable for extended coding sessions
Expressive Accents — used sparingly to signal meaning and intent
Perfect Pairs — designed as complements, not inverses
🎭 Theme Collection
Currently featuring 20 themes (10 pairs) covering Archons, Harbingers, and Travelers. Each theme uses a distinct status bar color as a character identity anchor.
Character
Dark Variant
Light Variant
⚡ Raiden
Eternal Electro Throne
Violet Eternity Glow
🌿 Nahida
Verdant Dreamweave
Kusanali Dawnbloom
🔶 Zhongli
Geo Contract Vault
Morax Golden Seal
💧 Furina
Hydrocourt Midnight
Fontaine Spotlight
🍃 Venti
Stormrider Breeze
Celestine Bardlight
🔥 Mavuika
Lava Glaze Inferno
Sunforge Ember
❄️ Citlali
Frost Ritual
Ice Oracle
🕊️ Columbina
Veiled Harbinger
Damselette Whisper
🏹 Amber
Outrider Blaze
Pyro Scout
🍙 Paimon
Emergency Food
Starry Companion
📥 Installation
Open Visual Studio Code.
Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X).
Search for Genshin Vibes.
Click Install.
Reload and pick your vibe via File > Preferences > Color Theme.
