Theme Studio
for Every Platform
Pick from 13 premium presets. Customize every color in real-time. Export to 19 platforms — VS Code, JetBrains, iTerm, Windows Terminal, Slack, Chrome, Firefox, and more.
Theme Studio
Select a preset, customize colors, and preview in real-time
Deep Space
High-fidelity evolution of classic night themes. Deep void backgrounds with neon cyan and violet accents.
Mint Carbon
Hacker minimalist aesthetic refined for corporate dashboards. Matte charcoal with elegant mint green.
Solar Flare
Warm schemes adapted for high contrast and vibrant energy. Amber and red for dynamic interfaces.
Dracula
The iconic dark theme for code editors. Purple and pink with cyan highlights.
Nord
Arctic, north-bluish color palette. Clean and calm with aurora accents.
Monokai
Iconic Sublime Text color scheme. Vibrant pink, green, and yellow on dark.
Gruvbox
Retro groove with warm, earthy tones. Orange, green, and yellow palette.
Tokyo Night
Clean theme celebrating the lights of Tokyo at night. Blue and purple neons.
Catppuccin
Soothing pastel theme with soft, muted colors. Mauve, pink, and lavender.
One Dark
Atom editor's signature theme. Clean, balanced with muted yet vibrant accents.
Synthwave
Retro-futuristic 80s neon aesthetic. Hot pink, cyan, and electric purple.
Solarized
Precision colors for machines and people. Carefully designed for readability.
GitHub
Clean and professional GitHub interface colors. Highly readable and familiar.
Based on deep space
Brand Colors
Primary colors for buttons, links, and accents
Main brand color for buttons and key elements
Supporting color for less prominent elements
Highlight color for special emphasis
Surface Colors
Background and text colors
Main page background color
Primary text color
Subdued backgrounds and secondary text
Live Preview
See how your selected theme looks on real UI components
12,849
Active Users
48
Components
13
Themes Used
1import { ThemeProvider, useTheme } from "@theme-bundle/react"2import { themes } from "./themes"34// Theme configuration5export const config = {6 defaultTheme: "deep-space",7 defaultMode: "dark",8 themes: [9 "deep-space", // Flagship10 "mint-carbon",11 "dracula", // Legacy12 "nord",13 ],14 exports: ["vscode", "iterm", "alacritty"],15}1617// Usage in your app18export default function App() {19 return (20 <ThemeProvider config={config}>21 <YourApp />22 </ThemeProvider>23 )24}See how your theme looks across different tools
Love what you see?
Get all 13 premium themes with full source code exported to 19 platforms. Your customizations work with any preset as a starting point.
Everything You Need
Professional-grade theming infrastructure for terminals, editors, browsers, and apps
Real-Time Customization
Tweak any color with live preview. Start from presets, make them your own.
Light & Dark Modes
Every preset includes carefully crafted light and dark variants. 26 base variations.
WCAG AA Compliant
All color combinations tested for accessibility. Minimum 4.5:1 contrast ratio.
Full Source Code
Get complete CSS files with all variables. Ready to drop into your project.
Export to 19 Platforms
VS Code, JetBrains, iTerm, Windows Terminal, Vim, Emacs, Slack, Chrome, Firefox, and more.
No Dependencies
Pure CSS variables. Works with any framework. No runtime JS overhead.
Buy via Gumroad
Simple checkout, instant download. One-time purchase, lifetime updates.
TypeScript Support
Full type definitions for theme IDs, colors, and configuration options.
Simple Pricing
One-time purchase. Lifetime access. No subscriptions.
One customized theme for 19 platforms
- 1 theme of your choice
- Light & Dark modes
- CSS variables file
- Exported to 19 platforms
- Personal & commercial use
Unlimited themes + lifetime updates
- All 13 themes included
- 26 total variations
- TypeScript support
- Theme switcher component
- Lifetime updates
- Priority support
Full bundle for up to 10 team members
- Everything in Full Bundle
- Up to 10 team members
- Shared license
- Custom theme requests
- Slack support channel
- Early access to new themes