Add Cuba theme: classic car on playa at golden hour
- 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
This commit is contained in:
@@ -12,6 +12,7 @@ import "../../Web_Backgrounds/cyber2-theme.css"
|
||||
import "../../Web_Backgrounds/pumpkin-theme.css"
|
||||
import "../../Web_Backgrounds/bw-theme.css"
|
||||
import "../../Web_Backgrounds/luminous-theme.css"
|
||||
import "../../Web_Backgrounds/cuba-theme.css"
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
|
||||
@@ -39,6 +39,7 @@ const backgroundOptions = [
|
||||
{ value: "pumpkin", label: "Pumpkin Spice", icon: Shield, color: "bg-gradient-to-r from-orange-600 to-amber-500", ring: "ring-orange-600", desc: "Warm autumn orange with spicy accents" },
|
||||
{ value: "bw", label: "Black & White", icon: Shield, color: "bg-gradient-to-r from-gray-900 to-gray-400", ring: "ring-gray-500", desc: "Clean monochrome with subtle texture" },
|
||||
{ value: "luminous", label: "Luminous", icon: Shield, color: "bg-gradient-to-r from-blue-500 to-teal-400", ring: "ring-blue-500", desc: "Deep Glass 2.0 — blue-teal-amber with specular highlights and 3D bevel borders" },
|
||||
{ value: "cuba", label: "Cuba", icon: Shield, color: "bg-gradient-to-r from-orange-500 to-turquoise-400", ring: "ring-orange-500", desc: "Classic Cuban car on a playa at golden hour — warm sunset tones" },
|
||||
]
|
||||
|
||||
function getStoredColorTheme(): string {
|
||||
|
||||
@@ -12,6 +12,7 @@ const themeClasses: Record<string, string> = {
|
||||
pumpkin: "theme-pumpkin",
|
||||
bw: "theme-bw",
|
||||
luminous: "theme-luminous",
|
||||
cuba: "theme-cuba",
|
||||
}
|
||||
|
||||
interface WebsiteThemeContextValue {
|
||||
|
||||
Reference in New Issue
Block a user