Theme Guide

Easily customize your Indie Kit app's look and feel with our ShadCN theme system.

Theme Builders

Features:

• 🎨 1000+ color combinations
• 🌙 Automatic dark mode
• 🎯 Real-time preview
• 📱 Mobile-friendly colors
• 🚀 One-click export

How to Apply 💡

1. Visit the Theme Generator
2. Customize your colors
3. Copy the generated code
4. Update variables in /src/app/globals.css

/* Example globals.css */
@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 240 10% 3.9%;
    /* Paste your theme variables here */
  }
}

That's it! Your new theme will be applied instantly. 🚀