Build new shell layout with left sidebar (el-3po)

2026-05-12 11:08:33 +02:00
parent a748512d22
commit 43e132971b
16 changed files with 6487 additions and 360 deletions
@@ -1,3 +1,52 @@
+@import "tailwindcss";
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+
+@theme {
+	--font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
+
+	--color-background: #fafafa;
+	--color-foreground: #0f172a;
+	--color-card: #ffffff;
+	--color-card-foreground: #0f172a;
+	--color-popover: #ffffff;
+	--color-popover-foreground: #0f172a;
+	--color-primary: #4f8cff;
+	--color-primary-foreground: #ffffff;
+	--color-secondary: #f1f5f9;
+	--color-secondary-foreground: #0f172a;
+	--color-muted: #f1f5f9;
+	--color-muted-foreground: #64748b;
+	--color-accent: #f1f5f9;
+	--color-accent-foreground: #0f172a;
+	--color-destructive: #ef4444;
+	--color-destructive-foreground: #ffffff;
+	--color-border: #e2e8f0;
+	--color-input: #e2e8f0;
+	--color-ring: #4f8cff;
+	--color-chart-1: #4f8cff;
+	--color-chart-2: #22c55e;
+	--color-chart-3: #f59e0b;
+	--color-chart-4: #ef4444;
+	--color-chart-5: #8b5cf6;
+	--radius: 0.625rem;
+	--color-sidebar-background: #fafafa;
+	--color-sidebar-foreground: #0f172a;
+	--color-sidebar-primary: #4f8cff;
+	--color-sidebar-primary-foreground: #ffffff;
+	--color-sidebar-accent: #f1f5f9;
+	--color-sidebar-accent-foreground: #0f172a;
+	--color-sidebar-border: #e2e8f0;
+	--color-sidebar-ring: #4f8cff;
+}
+
+@layer base {
+	body {
+		background-color: var(--color-background);
+		color: var(--color-foreground);
+		font-family: var(--font-sans);
+	}
+}
+
 html,
 body,
 #root {