Rene
a7f3058668
- New cuba-theme.css with warm sunset HSL palette (oranges, turquoise, golden hour tones) and classic Cuban car background image - cuba-tokens.json with full color definitions and chart config - Registered in themeClasses provider, layout.tsx import, and settings UI
110 lines
4.1 KiB
JSON
110 lines
4.1 KiB
JSON
{
|
|
"id": "cuba",
|
|
"name": "Cuba Theme",
|
|
"description": "Classic Cuban car on a playa at golden hour — warm sunset tones with turquoise Caribbean accents.",
|
|
"type": "dual",
|
|
"default": false,
|
|
"dark": {
|
|
"colors": {
|
|
"background": "hsl(25, 40%, 6%)",
|
|
"foreground": "hsl(30, 20%, 90%)",
|
|
"card": "hsl(25, 35%, 10%)",
|
|
"cardForeground": "hsl(30, 20%, 90%)",
|
|
"popover": "hsl(25, 35%, 10%)",
|
|
"popoverForeground": "hsl(30, 20%, 90%)",
|
|
"primary": "hsl(15, 85%, 55%)",
|
|
"primaryForeground": "hsl(0, 0%, 100%)",
|
|
"secondary": "hsl(185, 60%, 50%)",
|
|
"secondaryForeground": "hsl(0, 0%, 100%)",
|
|
"muted": "hsl(25, 20%, 15%)",
|
|
"mutedForeground": "hsl(25, 10%, 55%)",
|
|
"accent": "hsl(195, 65%, 55%)",
|
|
"accentForeground": "hsl(0, 0%, 0%)",
|
|
"destructive": "hsl(0, 75%, 50%)",
|
|
"destructiveForeground": "hsl(0, 0%, 100%)",
|
|
"border": "hsl(25, 25%, 18%)",
|
|
"input": "hsl(25, 20%, 15%)",
|
|
"ring": "hsl(15, 85%, 55%)",
|
|
"sidebar": "hsl(25, 40%, 6%)",
|
|
"sidebarForeground": "hsl(30, 20%, 90%)",
|
|
"sidebarPrimary": "hsl(15, 85%, 55%)",
|
|
"sidebarPrimaryForeground": "hsl(0, 0%, 100%)",
|
|
"sidebarAccent": "hsl(25, 30%, 12%)",
|
|
"sidebarAccentForeground": "hsl(30, 20%, 90%)",
|
|
"sidebarBorder": "hsl(25, 25%, 15%)",
|
|
"sidebarRing": "hsl(15, 85%, 55%)"
|
|
}
|
|
},
|
|
"light": {
|
|
"colors": {
|
|
"background": "hsl(30, 30%, 96%)",
|
|
"foreground": "hsl(25, 40%, 15%)",
|
|
"card": "hsl(0, 0%, 100%)",
|
|
"cardForeground": "hsl(25, 40%, 15%)",
|
|
"popover": "hsl(0, 0%, 100%)",
|
|
"popoverForeground": "hsl(25, 40%, 15%)",
|
|
"primary": "hsl(15, 80%, 50%)",
|
|
"primaryForeground": "hsl(0, 0%, 100%)",
|
|
"secondary": "hsl(185, 55%, 45%)",
|
|
"secondaryForeground": "hsl(0, 0%, 100%)",
|
|
"muted": "hsl(30, 15%, 90%)",
|
|
"mutedForeground": "hsl(25, 10%, 45%)",
|
|
"accent": "hsl(195, 60%, 50%)",
|
|
"accentForeground": "hsl(0, 0%, 0%)",
|
|
"destructive": "hsl(0, 72%, 50%)",
|
|
"destructiveForeground": "hsl(0, 0%, 100%)",
|
|
"border": "hsl(30, 15%, 85%)",
|
|
"input": "hsl(30, 10%, 88%)",
|
|
"ring": "hsl(15, 80%, 50%)",
|
|
"sidebar": "hsl(0, 0%, 100%)",
|
|
"sidebarForeground": "hsl(25, 40%, 15%)",
|
|
"sidebarPrimary": "hsl(15, 80%, 50%)",
|
|
"sidebarPrimaryForeground": "hsl(0, 0%, 100%)",
|
|
"sidebarAccent": "hsl(30, 15%, 92%)",
|
|
"sidebarAccentForeground": "hsl(25, 40%, 15%)",
|
|
"sidebarBorder": "hsl(30, 15%, 85%)",
|
|
"sidebarRing": "hsl(15, 80%, 50%)"
|
|
}
|
|
},
|
|
"borderRadius": "0.75rem",
|
|
"typography": {
|
|
"fontFamily": "Inter, sans-serif",
|
|
"headingFont": "Inter, sans-serif"
|
|
},
|
|
"keyColors": {
|
|
"primary": "#e85d28",
|
|
"background": "#0f0a06 (dark) / #f5f0eb (light)",
|
|
"card": "#1a120c (dark) / #ffffff (light)",
|
|
"sidebar": "#0f0a06 (dark) / #ffffff (light)",
|
|
"border": "#2a1f15 (dark) / #d9cfc5 (light)",
|
|
"text": "#e6ddd4 (dark) / #1a110a (light)",
|
|
"mutedText": "#8a7a6a (dark) / #6b5d50 (light)"
|
|
},
|
|
"sunset": {
|
|
"orange": "#e85d28",
|
|
"golden": "#f4a340",
|
|
"turquoise": "#30c5d2",
|
|
"pink": "#e8677a",
|
|
"purple": "#8b5cf6",
|
|
"cream": "#f5e6d0"
|
|
},
|
|
"chartSegments": {
|
|
"open": { "label": "Open", "color": "#e85d28", "description": "Sunset Orange — 35%" },
|
|
"contacted": { "label": "Contacted", "color": "#30c5d2", "description": "Caribbean Turquoise — 25%" },
|
|
"pending": { "label": "Pending", "color": "#f4a340", "description": "Golden Hour — 17%" },
|
|
"closed": { "label": "Closed", "color": "#50b87a", "description": "Palm Green — 23%" },
|
|
"ignored": { "label": "Ignored", "color": "#8b7a6a", "description": "Warm Muted — 0%" }
|
|
},
|
|
"barChart": {
|
|
"newLeads": { "color": "#e85d28", "glow": "rgba(232, 93, 40, 0.5)" },
|
|
"closed": { "color": "#30c5d2", "glow": "rgba(48, 197, 210, 0.4)" }
|
|
},
|
|
"statusBadges": {
|
|
"open": { "color": "#30c5d2", "label": "Turquoise" },
|
|
"contacted": { "color": "#e8677a", "label": "Sunset Pink" },
|
|
"pending": { "color": "#f4a340", "label": "Golden" },
|
|
"closed": { "color": "#50b87a", "label": "Palm Green" },
|
|
"ignored": { "color": "#8b7a6a", "label": "Warm Muted" }
|
|
}
|
|
}
|