Whatever

frontend/app/assets/themes.scss

@@ -0,0 +1,39 @@
+/* Light theme (default) */
+:root {
+  --bg-primary: #fff;
+  --bg-secondary: #fafafa;
+  --bg-active: #eff6ff;
+  --text-primary: #1a1a1a;
+  --text-secondary: #374151;
+  --text-muted: #9ca3af;
+  --border-color: #e5e7eb;
+  --border-input: #d1d5db;
+  --placeholder-bg: transparent;
+  --danger-bg: #fee2e2;
+  --danger-hover: #fecaca;
+  --danger-text: #dc2626;
+  --cancel-bg: #f3f4f6;
+  --cancel-border: #d1d5db;
+  --cancel-text: #6b7280;
+  --cancel-hover: #e5e7eb;
+}
+
+/* Dark theme */
+.dark {
+  --bg-primary: #0f0f0f;
+  --bg-secondary: #1a1a1a;
+  --bg-active: #1e293b;
+  --text-primary: #e5e5e5;
+  --text-secondary: #a3a3a3;
+  --text-muted: #737373;
+  --border-color: #333;
+  --border-input: #404040;
+  --placeholder-bg: #141414;
+  --danger-bg: #2d1b1e;
+  --danger-hover: #3d2528;
+  --danger-text: #f87171;
+  --cancel-bg: #262626;
+  --cancel-border: #404040;
+  --cancel-text: #a3a3a3;
+  --cancel-hover: #333;
+}