97 lines
2.6 KiB
CSS
97 lines
2.6 KiB
CSS
/* Fluid Emerald / Kinetic Kanban: shared by the first paint and the app bundle. */
|
|
:root {
|
|
color-scheme: light;
|
|
--radius: 0.25rem;
|
|
--background: #f7f9fb;
|
|
--foreground: #191c1e;
|
|
--card: #ffffff;
|
|
--card-foreground: #191c1e;
|
|
--popover: #ffffff;
|
|
--popover-foreground: #191c1e;
|
|
--primary: #006e2f;
|
|
--primary-foreground: #ffffff;
|
|
--secondary: #d0e1fb;
|
|
--secondary-foreground: #38485d;
|
|
--muted: #f2f4f6;
|
|
--muted-foreground: #505f76;
|
|
--accent: #dcfce7;
|
|
--accent-foreground: #005321;
|
|
--destructive: #ba1a1a;
|
|
--destructive-foreground: #ffffff;
|
|
--border: #e2e8f0;
|
|
--input: #6d7b6c;
|
|
--ring: #006e2f;
|
|
--brand: #22c55e;
|
|
--brand-foreground: #002109;
|
|
--success: #dcfce7;
|
|
--success-foreground: #005321;
|
|
--warning: #fef3c7;
|
|
--warning-foreground: #78350f;
|
|
--info: #dbeafe;
|
|
--info-foreground: #1e40af;
|
|
--chart-1: #006e2f;
|
|
--chart-2: #505f76;
|
|
--chart-3: #9e4036;
|
|
--chart-4: #92400e;
|
|
--chart-5: #1d4ed8;
|
|
--sidebar-background: #f2f4f6;
|
|
--sidebar-foreground: #191c1e;
|
|
--sidebar-primary: #006e2f;
|
|
--sidebar-primary-foreground: #ffffff;
|
|
--sidebar-accent: #dcfce7;
|
|
--sidebar-accent-foreground: #005321;
|
|
--sidebar-border: #e2e8f0;
|
|
--sidebar-ring: #006e2f;
|
|
--sidebar: #f2f4f6;
|
|
}
|
|
|
|
.dark {
|
|
color-scheme: dark;
|
|
--background: #0f172a;
|
|
--foreground: #f1f5f9;
|
|
--card: #1e293b;
|
|
--card-foreground: #f1f5f9;
|
|
--popover: #1e293b;
|
|
--popover-foreground: #f1f5f9;
|
|
--primary: #4ae176;
|
|
--primary-foreground: #002109;
|
|
--secondary: #334155;
|
|
--secondary-foreground: #e2e8f0;
|
|
--muted: #1e293b;
|
|
--muted-foreground: #b7c8e1;
|
|
--accent: #173b2b;
|
|
--accent-foreground: #6bff8f;
|
|
--destructive: #fca5a5;
|
|
--destructive-foreground: #450a0a;
|
|
--border: #334155;
|
|
--input: #8293aa;
|
|
--ring: #4ae176;
|
|
--brand: #22c55e;
|
|
--brand-foreground: #002109;
|
|
--success: #173b2b;
|
|
--success-foreground: #6bff8f;
|
|
--warning: #422006;
|
|
--warning-foreground: #fde68a;
|
|
--info: #172554;
|
|
--info-foreground: #bfdbfe;
|
|
--chart-1: #4ae176;
|
|
--chart-2: #b7c8e1;
|
|
--chart-3: #ffb4a9;
|
|
--chart-4: #fbbf24;
|
|
--chart-5: #60a5fa;
|
|
--sidebar-background: #111c30;
|
|
--sidebar-foreground: #f1f5f9;
|
|
--sidebar-primary: #4ae176;
|
|
--sidebar-primary-foreground: #002109;
|
|
--sidebar-accent: #173b2b;
|
|
--sidebar-accent-foreground: #6bff8f;
|
|
--sidebar-border: #334155;
|
|
--sidebar-ring: #4ae176;
|
|
--sidebar: #111c30;
|
|
}
|
|
|
|
html {
|
|
background-color: var(--background);
|
|
color: var(--foreground);
|
|
}
|