"EA580C" shadcn/ui theme

vibrant-energy
warm-contrast
dynamic-duality
fiery-accent
modern-minimalist
high-legibility
emotional-resonance
sunset-to-embers
bold-typography
adaptive-interface
sensory-immersion
biophilic-elements

Shadcn/ui Theme Css Variables

name: Ember Pulsekeyword: EA580C views: 8

:root {
  --background: 0 0% 98%;
  --foreground: 20 14% 4%;
  --card: 0 0% 100%;
  --card-foreground: 20 14% 4%;
  --popover: 0 0% 100%;
  --popover-foreground: 20 14% 4%;
  --primary: 24 95% 53%;
  --primary-foreground: 60 9% 98%;
  --secondary: 60 4% 95%;
  --secondary-foreground: 24 10% 10%;
  --muted: 20 6% 90%;
  --muted-foreground: 25 5% 45%;
  --accent: 30 100% 71%;
  --accent-foreground: 24 10% 10%;
  --destructive: 0 84% 60%;
  --destructive-foreground: 60 9% 98%;
  --border: 20 5% 90%;
  --input: 20 5% 90%;
  --ring: 24 95% 53%;
  --radius: 0.75rem;
  --chart-1: 24 95% 53%;
  --chart-2: 30 100% 71%;
  --chart-3: 45 100% 61%;
  --chart-4: 60 100% 51%;
  --chart-5: 75 100% 41%;
} 

.dark {
  --background: 20 14% 4%;
  --foreground: 60 9% 98%;
  --card: 20 10% 8%;
  --card-foreground: 60 9% 98%;
  --popover: 20 10% 8%;
  --popover-foreground: 60 9% 98%;
  --primary: 24 95% 53%;
  --primary-foreground: 60 9% 98%;
  --secondary: 20 8% 12%;
  --secondary-foreground: 60 9% 98%;
  --muted: 20 8% 20%;
  --muted-foreground: 24 5% 64%;
  --accent: 30 100% 51%;
  --accent-foreground: 20 14% 4%;
  --destructive: 0 84% 60%;
  --destructive-foreground: 60 9% 98%;
  --border: 20 8% 20%;
  --input: 20 8% 20%;
  --ring: 30 100% 51%;
  --radius: 0.75rem;
  --chart-1: 24 95% 53%;
  --chart-2: 30 100% 51%;
  --chart-3: 45 100% 61%;
  --chart-4: 60 100% 51%;
  --chart-5: 75 100% 41%;
}