503 lines
16 KiB
JSON
503 lines
16 KiB
JSON
[
|
|
{
|
|
"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"
|
|
}
|
|
}
|
|
]
|