Add theming infrastructure (task 08)

CSS-variable multi-theme system (default + warm) × {light, dark, system}; per-user theme/theme_mode columns; no-flash pre-paint script; useTheme hook + ThemePicker component on /settings. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-06 02:50:05 -05:00
parent 6710c8b231
commit 8cc2ef0732
12 changed files with 540 additions and 3 deletions
@@ -0,0 +1,25 @@
+"use server";
+
+import { eq } from "drizzle-orm";
+import { db } from "@/lib/db";
+import { users } from "@/modules/_core/schema";
+import { VALID_THEME_IDS, VALID_THEME_MODES } from "@/modules/_core/themes";
+import type { ThemeId, ThemeMode } from "@/modules/_core/themes";
+import { getCurrentSession } from "@/lib/session";
+
+export async function setUserTheme({
+  theme,
+  mode,
+}: {
+  theme: ThemeId;
+  mode: ThemeMode;
+}) {
+  if (!VALID_THEME_IDS.has(theme)) throw new Error("Invalid theme");
+  if (!VALID_THEME_MODES.has(mode)) throw new Error("Invalid theme mode");
+
+  const { user } = await getCurrentSession();
+  await db
+    .update(users)
+    .set({ theme, themeMode: mode })
+    .where(eq(users.id, user.id));
+}