67 lines
1.9 KiB
CSS
67 lines
1.9 KiB
CSS
@import 'tailwindcss';
|
|
|
|
@theme {
|
|
--color-background: oklch(1 0 0);
|
|
--color-foreground: oklch(0.145 0 0);
|
|
--color-card: oklch(1 0 0);
|
|
--color-card-foreground: oklch(0.145 0 0);
|
|
--color-popover: oklch(1 0 0);
|
|
--color-popover-foreground: oklch(0.145 0 0);
|
|
--color-primary: oklch(0.205 0 0);
|
|
--color-primary-foreground: oklch(0.985 0 0);
|
|
--color-secondary: oklch(0.97 0 0);
|
|
--color-secondary-foreground: oklch(0.205 0 0);
|
|
--color-muted: oklch(0.97 0 0);
|
|
--color-muted-foreground: oklch(0.556 0 0);
|
|
--color-accent: oklch(0.97 0 0);
|
|
--color-accent-foreground: oklch(0.205 0 0);
|
|
--color-destructive: oklch(0.577 0.245 27.325);
|
|
--color-destructive-foreground: oklch(0.577 0.245 27.325);
|
|
--color-border: oklch(0.922 0 0);
|
|
--color-input: oklch(0.922 0 0);
|
|
--color-ring: oklch(0.708 0 0);
|
|
--radius: 0.625rem;
|
|
}
|
|
|
|
.dark {
|
|
--color-background: oklch(0.145 0 0);
|
|
--color-foreground: oklch(0.985 0 0);
|
|
--color-card: oklch(0.145 0 0);
|
|
--color-card-foreground: oklch(0.985 0 0);
|
|
--color-popover: oklch(0.145 0 0);
|
|
--color-popover-foreground: oklch(0.985 0 0);
|
|
--color-primary: oklch(0.985 0 0);
|
|
--color-primary-foreground: oklch(0.205 0 0);
|
|
--color-secondary: oklch(0.269 0 0);
|
|
--color-secondary-foreground: oklch(0.985 0 0);
|
|
--color-muted: oklch(0.269 0 0);
|
|
--color-muted-foreground: oklch(0.708 0 0);
|
|
--color-accent: oklch(0.269 0 0);
|
|
--color-accent-foreground: oklch(0.985 0 0);
|
|
--color-destructive: oklch(0.577 0.245 27.325);
|
|
--color-destructive-foreground: oklch(0.577 0.245 27.325);
|
|
--color-border: oklch(0.269 0 0);
|
|
--color-input: oklch(0.269 0 0);
|
|
--color-ring: oklch(0.439 0 0);
|
|
}
|
|
|
|
@layer base {
|
|
* {
|
|
@apply border-border;
|
|
}
|
|
body {
|
|
@apply bg-background text-foreground;
|
|
}
|
|
}
|
|
|
|
@keyframes toast-slide-in {
|
|
from {
|
|
transform: translateX(100%);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
transform: translateX(0);
|
|
opacity: 1;
|
|
}
|
|
}
|