Files
docs/packages/ui/css/purple.css
T

38 lines
1.5 KiB
CSS

@theme {
--color-fd-background: hsl(256, 100%, 96%);
--color-fd-primary: hsl(270, 100%, 52%);
--color-fd-border: hsl(270, 40%, 80%);
--color-fd-accent: hsl(270, 60%, 86%);
--color-fd-accent-foreground: hsl(270, 100%, 20%);
--color-fd-muted: hsl(256, 60%, 94%);
--color-fd-muted-foreground: hsl(256, 50%, 50%);
--color-fd-foreground: hsl(256, 60%, 26%);
--color-fd-secondary: hsl(270, 60%, 90%);
--color-fd-secondary-foreground: hsl(256, 60%, 10%);
--color-fd-card: hsl(256, 60%, 92%);
--color-fd-card-foreground: hsl(256, 100%, 20%);
--color-fd-popover-foreground: hsl(256, 100%, 20%);
--color-fd-popover: hsl(256, 60%, 96%);
--color-fd-primary-foreground: hsl(270, 100%, 20%);
--color-fd-ring: hsl(270, 100%, 52%);
}
.dark {
--color-fd-background: hsl(256, 60%, 6%);
--color-fd-primary: hsl(270, 100%, 86%);
--color-fd-border: hsl(270, 100%, 20%);
--color-fd-accent: hsl(256, 60%, 26%);
--color-fd-accent-foreground: hsl(270, 100%, 86%);
--color-fd-muted: hsl(256, 60%, 10%);
--color-fd-foreground: hsl(256, 60%, 90%);
--color-fd-muted-foreground: hsl(256, 50%, 75%);
--color-fd-secondary: hsl(270, 100%, 20%);
--color-fd-secondary-foreground: hsl(256, 60%, 90%);
--color-fd-card: hsl(256, 60%, 10%);
--color-fd-card-foreground: hsl(256, 60%, 90%);
--color-fd-popover-foreground: hsl(256, 60%, 90%);
--color-fd-popover: hsl(256, 60%, 6%);
--color-fd-primary-foreground: hsl(256, 60%, 6%);
--color-fd-ring: hsl(270, 100%, 86%);
}