73 lines
2.3 KiB
CSS
73 lines
2.3 KiB
CSS
@import "tailwindcss";
|
|
|
|
@custom-variant dark (&:is(.dark *));
|
|
|
|
@theme {
|
|
--color-background: hsl(0 0% 100%);
|
|
--color-foreground: hsl(222.2 84% 4.9%);
|
|
--color-card: hsl(0 0% 100%);
|
|
--color-card-foreground: hsl(222.2 84% 4.9%);
|
|
--color-popover: hsl(0 0% 100%);
|
|
--color-popover-foreground: hsl(222.2 84% 4.9%);
|
|
--color-primary: hsl(222.2 47.4% 11.2%);
|
|
--color-primary-foreground: hsl(210 40% 98%);
|
|
--color-secondary: hsl(210 40% 96.1%);
|
|
--color-secondary-foreground: hsl(222.2 47.4% 11.2%);
|
|
--color-muted: hsl(210 40% 96.1%);
|
|
--color-muted-foreground: hsl(215.4 16.3% 46.9%);
|
|
--color-accent: hsl(210 40% 96.1%);
|
|
--color-accent-foreground: hsl(222.2 47.4% 11.2%);
|
|
--color-destructive: hsl(0 84.2% 60.2%);
|
|
--color-destructive-foreground: hsl(210 40% 98%);
|
|
--color-border: hsl(214.3 31.8% 91.4%);
|
|
--color-input: hsl(214.3 31.8% 91.4%);
|
|
--color-ring: hsl(222.2 84% 4.9%);
|
|
--radius: 0.5rem;
|
|
|
|
--color-sidebar: 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%);
|
|
}
|
|
|
|
@layer base {
|
|
*,
|
|
::after,
|
|
::before,
|
|
::backdrop,
|
|
::file-selector-button {
|
|
border-color: var(--color-border);
|
|
}
|
|
body {
|
|
background-color: var(--color-background);
|
|
color: var(--color-foreground);
|
|
font-family: system-ui, -apple-system, sans-serif;
|
|
}
|
|
}
|
|
|
|
.dark {
|
|
--color-background: hsl(222.2 84% 4.9%);
|
|
--color-foreground: hsl(210 40% 98%);
|
|
--color-card: hsl(222.2 84% 4.9%);
|
|
--color-card-foreground: hsl(210 40% 98%);
|
|
--color-popover: hsl(222.2 84% 4.9%);
|
|
--color-popover-foreground: hsl(210 40% 98%);
|
|
--color-primary: hsl(210 40% 98%);
|
|
--color-primary-foreground: hsl(222.2 47.4% 11.2%);
|
|
--color-secondary: hsl(217.2 32.6% 17.5%);
|
|
--color-secondary-foreground: hsl(210 40% 98%);
|
|
--color-muted: hsl(217.2 32.6% 17.5%);
|
|
--color-muted-foreground: hsl(215 20.2% 65.1%);
|
|
--color-accent: hsl(217.2 32.6% 17.5%);
|
|
--color-accent-foreground: hsl(210 40% 98%);
|
|
--color-destructive: hsl(0 62.8% 30.6%);
|
|
--color-destructive-foreground: hsl(210 40% 98%);
|
|
--color-border: hsl(217.2 32.6% 17.5%);
|
|
--color-input: hsl(217.2 32.6% 17.5%);
|
|
--color-ring: hsl(212.7 26.8% 83.9%);
|
|
}
|