Multiverse Theme

93 color themes, 21 icon styles, 93 mascots in one extension, plus the tools to use them.
Color-blind-safe and eye-care variants, focus and presentation modes, retro IDEs,
heroes, anime and cartoons. Every variant is contrast-checked so code stays readable.

What's different

Most theme packs give you one look. Multiverse is built around what developers actually need:

Commands

The status bar shows the current universe. Click it to switch.

Settings

// Auto-switch by time of day (takes priority over dailyUniverse)
"multiverse.schedule": { "07:00": "Day", "18:00": "Lo-fi Study", "23:00": "Night Shift" },

// Or: a new universe every day
"multiverse.dailyUniverse": true,

// Limit Random / Daily to some groups, or to dark only
"multiverse.randomPool": ["Heroes & Villains", "Anime"],
"multiverse.randomKinds": ["dark"],

"multiverse.statusBar": true

File & folder icons

The extension includes 21 file-icon styles. They are generated from one data file, so every style covers the same files and folders.

• 325 file types, covering 1,863 extensions and 1,537 special file names. Coverage is checked against GitHub Linguist's full language list:
  • every mainstream and niche language, from Fortran and COBOL to Zig, Gleam, Mojo and Lean
  • templates, shaders, query languages and diagrams
  • certificates and keys, office and media files
  • lockfiles for every package manager
  • IDE project files, dotfiles and framework configs
  • AI files: CLAUDE.md, AGENTS.md, .cursorrules, mcp.json, *.prompt
• Framework-aware badges: NestJS/Angular role files get their own badge, so *.controller.ts → CTL, *.service.ts → SVC, *.module.ts → MOD and *.dto.ts → DTO.
• 40 folder kinds are recognized from 753 folder names, including src, api, auth, test, ai, .claude, src-tauri, .venv and node_modules.

To pick a style, run Multiverse: Pick Folder Icon Style (it previews live), or use ⌘K ⌘T → File Icon Theme.

All icons are original artwork. Language badges are text labels, not official logos.

Icon gallery

Every icon style, side by side in a real explorer tree:

Every file icon and folder kind. Both images are regenerated from icons/ on each build, so they always match what ships:

Meet the mascots

Every universe comes with a tiny friend, painted in that theme's own colors:

• heroes in capes and masks
• anime kids with sparkly eyes
• CRT-headed retro bots
• a crab, a gopher and a snake for Dev Culture
• a pumpkin, a rain cloud and a lo-fi coffee buddy for the moods

They show up in the theme picker too, so you can find your universe by its mascot.

Install

1. Search for Multiverse Theme in the Extensions view, or run code --install-extension nuhmanpk.multiverse-theme.
2. Press ⌘K ⌘T (Ctrl+K Ctrl+T on Windows/Linux).
3. Type Multiverse and pick a variant.

The gallery

All 93 variants

The variant names and palettes are original works inspired by genres and color moods. They are not affiliated with or endorsed by any studio or publisher.

♿ Accessibility (5)

Verified, not claimed. npm run check simulates color-vision deficiency (Machado 2009) and fails the build if keywords, functions, strings, numbers, or diff added/removed become indistinguishable (ΔE < 12).

🎯 Focus & Workflow (5)

🦸 Heroes & Villains (18)

🌸 Anime (10)

📺 Cartoons (5)

🚀 Sci-fi & 🎮 Games (6)

📟 Retro (4)

🛠 Dev Culture (3)

🎧 Moods & Seasons (5)

🌋 Nature, Food & Myth (6)

🎨 Art & Design (8, all light)

⚡ Neon & Electric (6)

🥂 Luxe & Cinematic (6)

⚙️ Core (6)

Night · Dusk · Midnight (OLED) · Day · High Contrast (7:1) · High Contrast Light (7:1)

Under the hood

• Readable in every universe. A build-time contrast guard adjusts any syntax color that falls below 4.5:1 (WCAG AA). High-contrast variants are held to 7:1 (AAA).
• Covers the whole window. Each variant themes 245 parts of VS Code: tabs, sidebars, terminal (all 16 ANSI colors), diff and merge views, debug, testing, minimap, inlay hints and bracket pairs.
• Semantic highlighting. TypeScript, Rust, Go, Python, C# and Java get language-server-accurate colors.
• Language-specific polish. JSX components are colored differently from HTML tags. Nested JSON keys get different colors per level. Also covered: Python self and f-strings, Rust macros and lifetimes, SQL, Markdown and diffs.

Auto light/dark switching

"window.autoDetectColorScheme": true,
"workbench.preferredDarkColorTheme": "Multiverse Neon Tokyo",
"workbench.preferredLightColorTheme": "Multiverse Sakura"

Make your own variant

Add about 10 lines to scripts/palettes.mjs:

myhero: derive('My Hero', 'dark', {
  bg: '#101820', fg: '#e8eef5', accent: '#ff5a5f',
  keyword: '#ff5a5f', func: '#5fb4ff', string: '#ffd23f', number: '#ff9e58',
  type: '#8ad0ff', constant: '#ff8a8e', param: '#c5d3f0',
}),

npm run build regenerates the themes, package.json and the artwork. The contrast guard fixes any colors that are too faint. PRs with new universes are welcome.

Develop

npm run check     # WCAG contrast + color-blindness audit of every variant
npm run build     # themes/*.json + package.json + images
npm run package   # check + build + .vsix

Support

If Multiverse makes your editor more fun, consider supporting it:

• ⭐ Star the repo: github.com/nuhmanpk/multiverse-theme
• ❤️ Sponsor: github.com/sponsors/nuhmanpk
• 🐛 Report issues or request a universe: Issues

Made by @nuhmanpk. MIT License.