digital web
minimalistic design
dual-tone color palette
light and dark theme
pink and purple hues
modern web elements
elegant interface
user-friendly
sophisticated
interactive design
Shadcn/ui Theme Css Variables
name: SilkThreadkeyword: web views: 0
:root {
--background: 247 100% 96%;
--foreground: 240 9% 10%;
--card: 247 100% 96%;
--card-foreground: 240 9% 10%;
--popover: 247 100% 96%;
--popover-foreground: 240 9% 10%;
--primary: 243 89% 73%;
--primary-foreground: 247 100% 96%;
--secondary: 267 89% 73%;
--secondary-foreground: 247 100% 96%;
--muted: 240 9% 10%;
--muted-foreground: 247 100% 96%;
--accent: 267 89% 73%;
--accent-foreground: 247 100% 96%;
--destructive: 0 0% 0%;
--destructive-foreground: 240 9% 10%;
--border: 240 9% 10%;
--input: 243 89% 73%;
--ring: 243 89% 73%;
--radius: 0.75rem;
--chart-1: 243 89% 73%;
--chart-2: 267 89% 73%;
--chart-3: 111 89% 73%;
--chart-4: 160 89% 73%;
--chart-5: 200 89% 73%;
}
.dark {
--background: 240 9% 10%;
--foreground: 247 100% 96%;
--card: 240 9% 10%;
--card-foreground: 247 100% 96%;
--popover: 240 9% 10%;
--popover-foreground: 247 100% 96%;
--primary: 267 89% 73%;
--primary-foreground: 240 9% 10%;
--secondary: 243 89% 73%;
--secondary-foreground: 240 9% 10%;
--muted: 247 100% 96%;
--muted-foreground: 240 9% 10%;
--accent: 243 89% 73%;
--accent-foreground: 240 9% 10%;
--destructive: 0 0% 0%;
--destructive-foreground: 247 100% 96%;
--border: 247 100% 96%;
--input: 267 89% 73%;
--ring: 267 89% 73%;
--radius: 0.75rem;
--chart-1: 267 89% 73%;
--chart-2: 243 89% 73%;
--chart-3: 111 89% 73%;
--chart-4: 160 89% 73%;
--chart-5: 200 89% 73%;
}