[ { "id": "dark-knight", "name": "The Dark Knight", "description": "Classic Gotham - dark with amber accents", "theme": { "lightColors": { "background": "0 0% 100%", "foreground": "0 0% 3.9%", "card": "0 0% 100%", "cardForeground": "0 0% 3.9%", "popover": "0 0% 100%", "popoverForeground": "0 0% 3.9%", "primary": "45 93% 47%", "primaryForeground": "0 0% 0%", "secondary": "0 0% 96%", "secondaryForeground": "0 0% 9%", "muted": "0 0% 96%", "mutedForeground": "0 0% 45%", "accent": "45 93% 47%", "accentForeground": "0 0% 0%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "0 0% 90%", "input": "0 0% 90%", "ring": "45 93% 47%" }, "darkColors": { "background": "0 0% 3.9%", "foreground": "0 0% 98%", "card": "0 0% 6%", "cardForeground": "0 0% 98%", "popover": "0 0% 6%", "popoverForeground": "0 0% 98%", "primary": "45 93% 47%", "primaryForeground": "0 0% 0%", "secondary": "0 0% 10%", "secondaryForeground": "0 0% 98%", "muted": "0 0% 10%", "mutedForeground": "0 0% 60%", "accent": "45 93% 47%", "accentForeground": "0 0% 0%", "destructive": "0 62% 30%", "destructiveForeground": "0 0% 98%", "border": "0 0% 14%", "input": "0 0% 14%", "ring": "45 93% 47%" }, "mode": "dark" } }, { "id": "joker", "name": "The Joker", "description": "Chaotic purple and toxic green", "theme": { "lightColors": { "background": "0 0% 100%", "foreground": "270 50% 15%", "card": "0 0% 98%", "cardForeground": "270 50% 15%", "popover": "0 0% 98%", "popoverForeground": "270 50% 15%", "primary": "120 80% 35%", "primaryForeground": "0 0% 100%", "secondary": "270 40% 90%", "secondaryForeground": "270 50% 15%", "muted": "270 20% 95%", "mutedForeground": "270 30% 40%", "accent": "300 100% 70%", "accentForeground": "0 0% 0%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "270 20% 85%", "input": "270 20% 85%", "ring": "120 80% 35%" }, "darkColors": { "background": "270 30% 8%", "foreground": "120 100% 80%", "card": "270 30% 12%", "cardForeground": "120 100% 80%", "popover": "270 30% 12%", "popoverForeground": "120 100% 80%", "primary": "120 100% 40%", "primaryForeground": "270 30% 8%", "secondary": "270 50% 20%", "secondaryForeground": "120 100% 80%", "muted": "270 30% 15%", "mutedForeground": "270 20% 60%", "accent": "300 100% 50%", "accentForeground": "0 0% 0%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "270 30% 20%", "input": "270 30% 20%", "ring": "120 100% 40%" }, "mode": "dark" } }, { "id": "riddler", "name": "The Riddler", "description": "Bright neon green with purple mystery", "theme": { "lightColors": { "background": "0 0% 100%", "foreground": "0 0% 5%", "card": "0 0% 98%", "cardForeground": "0 0% 5%", "popover": "0 0% 98%", "popoverForeground": "0 0% 5%", "primary": "120 70% 35%", "primaryForeground": "0 0% 100%", "secondary": "280 50% 85%", "secondaryForeground": "280 80% 20%", "muted": "0 0% 96%", "mutedForeground": "120 30% 35%", "accent": "280 80% 55%", "accentForeground": "0 0% 100%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "120 30% 85%", "input": "0 0% 90%", "ring": "120 70% 35%" }, "darkColors": { "background": "0 0% 4%", "foreground": "120 100% 50%", "card": "0 0% 8%", "cardForeground": "120 100% 50%", "popover": "0 0% 8%", "popoverForeground": "120 100% 50%", "primary": "120 100% 45%", "primaryForeground": "0 0% 0%", "secondary": "280 80% 30%", "secondaryForeground": "120 100% 50%", "muted": "0 0% 12%", "mutedForeground": "120 50% 40%", "accent": "280 100% 60%", "accentForeground": "0 0% 100%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "120 100% 20%", "input": "0 0% 15%", "ring": "120 100% 45%" }, "mode": "dark" } }, { "id": "harley-quinn", "name": "Harley Quinn", "description": "Bold red, black, and playful pink", "theme": { "lightColors": { "background": "0 0% 100%", "foreground": "0 0% 5%", "card": "350 50% 98%", "cardForeground": "0 0% 5%", "popover": "350 50% 98%", "popoverForeground": "0 0% 5%", "primary": "350 85% 50%", "primaryForeground": "0 0% 100%", "secondary": "210 80% 90%", "secondaryForeground": "210 100% 20%", "muted": "0 0% 96%", "mutedForeground": "350 20% 40%", "accent": "330 100% 75%", "accentForeground": "0 0% 0%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "350 30% 88%", "input": "0 0% 90%", "ring": "350 85% 50%" }, "darkColors": { "background": "0 0% 5%", "foreground": "0 0% 95%", "card": "350 80% 10%", "cardForeground": "0 0% 95%", "popover": "350 80% 10%", "popoverForeground": "0 0% 95%", "primary": "350 100% 55%", "primaryForeground": "0 0% 100%", "secondary": "210 100% 50%", "secondaryForeground": "0 0% 100%", "muted": "0 0% 12%", "mutedForeground": "350 30% 60%", "accent": "330 100% 65%", "accentForeground": "0 0% 0%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "350 50% 20%", "input": "0 0% 15%", "ring": "350 100% 55%" }, "mode": "dark" } }, { "id": "mr-freeze", "name": "Mr. Freeze", "description": "Cold ice blue and frozen white", "theme": { "lightColors": { "background": "0 0% 100%", "foreground": "200 60% 10%", "card": "200 40% 98%", "cardForeground": "200 60% 10%", "popover": "200 40% 98%", "popoverForeground": "200 60% 10%", "primary": "195 90% 45%", "primaryForeground": "0 0% 100%", "secondary": "200 40% 92%", "secondaryForeground": "200 60% 10%", "muted": "200 30% 95%", "mutedForeground": "200 30% 40%", "accent": "180 80% 60%", "accentForeground": "200 60% 10%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "200 30% 88%", "input": "200 30% 85%", "ring": "195 90% 45%" }, "darkColors": { "background": "200 50% 8%", "foreground": "200 100% 95%", "card": "200 50% 12%", "cardForeground": "200 100% 95%", "popover": "200 50% 12%", "popoverForeground": "200 100% 95%", "primary": "195 100% 50%", "primaryForeground": "200 50% 8%", "secondary": "200 60% 20%", "secondaryForeground": "200 100% 95%", "muted": "200 40% 15%", "mutedForeground": "200 40% 60%", "accent": "180 100% 70%", "accentForeground": "200 50% 8%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "200 40% 25%", "input": "200 40% 20%", "ring": "195 100% 50%" }, "mode": "dark" } }, { "id": "poison-ivy", "name": "Poison Ivy", "description": "Deep forest green with seductive red", "theme": { "lightColors": { "background": "0 0% 100%", "foreground": "140 50% 12%", "card": "140 30% 98%", "cardForeground": "140 50% 12%", "popover": "140 30% 98%", "popoverForeground": "140 50% 12%", "primary": "140 60% 35%", "primaryForeground": "0 0% 100%", "secondary": "0 50% 92%", "secondaryForeground": "0 70% 25%", "muted": "140 20% 95%", "mutedForeground": "140 25% 40%", "accent": "0 70% 55%", "accentForeground": "0 0% 100%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "140 25% 88%", "input": "140 20% 85%", "ring": "140 60% 35%" }, "darkColors": { "background": "140 40% 6%", "foreground": "140 60% 90%", "card": "140 40% 10%", "cardForeground": "140 60% 90%", "popover": "140 40% 10%", "popoverForeground": "140 60% 90%", "primary": "140 70% 40%", "primaryForeground": "0 0% 100%", "secondary": "0 70% 40%", "secondaryForeground": "0 0% 100%", "muted": "140 30% 15%", "mutedForeground": "140 30% 55%", "accent": "0 80% 50%", "accentForeground": "0 0% 100%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "140 30% 20%", "input": "140 30% 15%", "ring": "140 70% 40%" }, "mode": "dark" } }, { "id": "two-face", "name": "Two-Face", "description": "Split personality - half dark, half light", "theme": { "lightColors": { "background": "0 0% 100%", "foreground": "0 0% 5%", "card": "0 0% 98%", "cardForeground": "0 0% 5%", "popover": "0 0% 98%", "popoverForeground": "0 0% 5%", "primary": "0 0% 10%", "primaryForeground": "0 0% 100%", "secondary": "0 0% 92%", "secondaryForeground": "0 0% 10%", "muted": "0 0% 96%", "mutedForeground": "0 0% 45%", "accent": "45 100% 50%", "accentForeground": "0 0% 0%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "0 0% 88%", "input": "0 0% 85%", "ring": "0 0% 10%" }, "darkColors": { "background": "0 0% 5%", "foreground": "0 0% 95%", "card": "0 0% 10%", "cardForeground": "0 0% 95%", "popover": "0 0% 10%", "popoverForeground": "0 0% 95%", "primary": "0 0% 95%", "primaryForeground": "0 0% 5%", "secondary": "0 0% 20%", "secondaryForeground": "0 0% 95%", "muted": "0 0% 15%", "mutedForeground": "0 0% 55%", "accent": "45 100% 50%", "accentForeground": "0 0% 0%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "0 0% 25%", "input": "0 0% 20%", "ring": "0 0% 95%" }, "mode": "dark" } }, { "id": "catwoman", "name": "Catwoman", "description": "Sleek purple and black elegance", "theme": { "lightColors": { "background": "0 0% 100%", "foreground": "280 30% 15%", "card": "280 20% 98%", "cardForeground": "280 30% 15%", "popover": "280 20% 98%", "popoverForeground": "280 30% 15%", "primary": "280 50% 45%", "primaryForeground": "0 0% 100%", "secondary": "280 25% 92%", "secondaryForeground": "280 30% 15%", "muted": "280 15% 96%", "mutedForeground": "280 15% 40%", "accent": "320 70% 60%", "accentForeground": "0 0% 100%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "280 20% 88%", "input": "280 15% 85%", "ring": "280 50% 45%" }, "darkColors": { "background": "280 20% 6%", "foreground": "280 10% 90%", "card": "280 20% 10%", "cardForeground": "280 10% 90%", "popover": "280 20% 10%", "popoverForeground": "280 10% 90%", "primary": "280 60% 55%", "primaryForeground": "0 0% 100%", "secondary": "280 30% 20%", "secondaryForeground": "280 10% 90%", "muted": "280 15% 15%", "mutedForeground": "280 10% 55%", "accent": "320 80% 60%", "accentForeground": "0 0% 100%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "280 20% 22%", "input": "280 20% 18%", "ring": "280 60% 55%" }, "mode": "dark" } }, { "id": "scarecrow", "name": "Scarecrow", "description": "Fear-inducing orange and decayed brown", "theme": { "lightColors": { "background": "0 0% 100%", "foreground": "30 40% 15%", "card": "35 30% 98%", "cardForeground": "30 40% 15%", "popover": "35 30% 98%", "popoverForeground": "30 40% 15%", "primary": "25 85% 45%", "primaryForeground": "0 0% 100%", "secondary": "30 30% 92%", "secondaryForeground": "30 40% 15%", "muted": "30 20% 95%", "mutedForeground": "30 25% 40%", "accent": "15 90% 50%", "accentForeground": "0 0% 100%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "30 25% 88%", "input": "30 20% 85%", "ring": "25 85% 45%" }, "darkColors": { "background": "30 30% 6%", "foreground": "35 60% 85%", "card": "30 30% 10%", "cardForeground": "35 60% 85%", "popover": "30 30% 10%", "popoverForeground": "35 60% 85%", "primary": "25 90% 50%", "primaryForeground": "0 0% 0%", "secondary": "30 40% 20%", "secondaryForeground": "35 60% 85%", "muted": "30 25% 15%", "mutedForeground": "30 20% 50%", "accent": "15 100% 45%", "accentForeground": "0 0% 100%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "30 30% 20%", "input": "30 30% 15%", "ring": "25 90% 50%" }, "mode": "dark" } }, { "id": "bane", "name": "Bane", "description": "Military tactical green and black", "theme": { "lightColors": { "background": "0 0% 100%", "foreground": "100 30% 15%", "card": "100 20% 98%", "cardForeground": "100 30% 15%", "popover": "100 20% 98%", "popoverForeground": "100 30% 15%", "primary": "100 45% 30%", "primaryForeground": "0 0% 100%", "secondary": "100 20% 92%", "secondaryForeground": "100 30% 15%", "muted": "100 15% 95%", "mutedForeground": "100 20% 40%", "accent": "45 75% 50%", "accentForeground": "0 0% 0%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "100 20% 88%", "input": "100 15% 85%", "ring": "100 45% 30%" }, "darkColors": { "background": "100 20% 5%", "foreground": "100 10% 85%", "card": "100 20% 9%", "cardForeground": "100 10% 85%", "popover": "100 20% 9%", "popoverForeground": "100 10% 85%", "primary": "100 50% 35%", "primaryForeground": "0 0% 100%", "secondary": "100 25% 18%", "secondaryForeground": "100 10% 85%", "muted": "100 15% 14%", "mutedForeground": "100 10% 50%", "accent": "45 80% 45%", "accentForeground": "0 0% 0%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 98%", "border": "100 20% 18%", "input": "100 20% 14%", "ring": "100 50% 35%" }, "mode": "dark" } } ]