68 lines
2.5 KiB
CSS
68 lines
2.5 KiB
CSS
@import "tailwindcss";
|
|
@variant dark (&:where(.dark, .dark *));
|
|
|
|
@theme {
|
|
--color-background: hsl(0 0% 100%);
|
|
--color-foreground: hsl(240 10% 3.9%);
|
|
--color-card: hsl(0 0% 100%);
|
|
--color-card-foreground: hsl(240 10% 3.9%);
|
|
--color-popover: hsl(0 0% 100%);
|
|
--color-popover-foreground: hsl(240 10% 3.9%);
|
|
--color-primary: hsl(240 5.9% 10%);
|
|
--color-primary-foreground: hsl(0 0% 98%);
|
|
--color-secondary: hsl(240 4.8% 95.9%);
|
|
--color-secondary-foreground: hsl(240 5.9% 10%);
|
|
--color-muted: hsl(240 4.8% 95.9%);
|
|
--color-muted-foreground: hsl(240 3.8% 46.1%);
|
|
--color-accent: hsl(240 4.8% 95.9%);
|
|
--color-accent-foreground: hsl(240 5.9% 10%);
|
|
--color-destructive: hsl(0 72.22% 50.59%);
|
|
--color-destructive-foreground: hsl(0 0% 98%);
|
|
--color-border: hsl(240 5.9% 90%);
|
|
--color-input: hsl(240 5.9% 90%);
|
|
--color-ring: hsl(240 5% 64.9%);
|
|
--color-sidebar-background: hsl(0 0% 98%);
|
|
--color-sidebar-foreground: hsl(240 5.3% 26.1%);
|
|
--color-sidebar-primary: hsl(240 5.9% 10%);
|
|
--color-sidebar-primary-foreground: hsl(0 0% 98%);
|
|
--color-sidebar-accent: hsl(240 4.8% 95.9%);
|
|
--color-sidebar-accent-foreground: hsl(240 5.9% 10%);
|
|
--color-sidebar-border: hsl(220 13% 91%);
|
|
--color-sidebar-ring: hsl(217.2 91.2% 59.8%);
|
|
--radius: 0.5rem;
|
|
|
|
--color-chat-user: oklch(0.62 0.18 255);
|
|
--color-chat-assistant: oklch(0.55 0.15 280);
|
|
--color-hermes-brand: oklch(0.58 0.22 290);
|
|
}
|
|
|
|
.dark {
|
|
--color-background: hsl(240 10% 3.9%);
|
|
--color-foreground: hsl(0 0% 98%);
|
|
--color-card: hsl(240 10% 3.9%);
|
|
--color-card-foreground: hsl(0 0% 98%);
|
|
--color-popover: hsl(240 10% 3.9%);
|
|
--color-popover-foreground: hsl(0 0% 98%);
|
|
--color-primary: hsl(0 0% 98%);
|
|
--color-primary-foreground: hsl(240 5.9% 10%);
|
|
--color-secondary: hsl(240 3.7% 15.9%);
|
|
--color-secondary-foreground: hsl(0 0% 98%);
|
|
--color-muted: hsl(240 3.7% 15.9%);
|
|
--color-muted-foreground: hsl(240 5% 64.9%);
|
|
--color-accent: hsl(240 3.7% 15.9%);
|
|
--color-accent-foreground: hsl(0 0% 98%);
|
|
--color-destructive: hsl(0 62.8% 30.6%);
|
|
--color-destructive-foreground: hsl(0 0% 98%);
|
|
--color-border: hsl(240 3.7% 15.9%);
|
|
--color-input: hsl(240 3.7% 15.9%);
|
|
--color-ring: hsl(240 4.9% 83.9%);
|
|
--color-sidebar-background: hsl(240 5.9% 10%);
|
|
--color-sidebar-foreground: hsl(240 4.8% 95.9%);
|
|
--color-sidebar-primary: hsl(0 0% 98%);
|
|
--color-sidebar-primary-foreground: hsl(240 5.9% 10%);
|
|
--color-sidebar-accent: hsl(240 3.7% 15.9%);
|
|
--color-sidebar-accent-foreground: hsl(240 4.8% 95.9%);
|
|
--color-sidebar-border: hsl(240 3.7% 15.9%);
|
|
--color-sidebar-ring: hsl(217.2 91.2% 59.8%);
|
|
}
|