feat: Implement database persistence and synchronization for user theme preferences

src/server/api/routers/settings.ts

@@ -135,6 +135,46 @@ export const settingsRouter = createTRPCRouter({
       return { success: true };
     }),
 
+  // Get theme preferences
+  getTheme: protectedProcedure.query(async ({ ctx }) => {
+    const user = await ctx.db.query.users.findFirst({
+      where: eq(users.id, ctx.session.user.id),
+      columns: {
+        colorTheme: true,
+        customColor: true,
+        theme: true,
+      },
+    });
+
+    return {
+      colorTheme: (user?.colorTheme as "slate" | "blue" | "green" | "rose" | "orange" | "custom") ?? "slate",
+      customColor: user?.customColor ?? undefined,
+      theme: (user?.theme as "light" | "dark" | "system") ?? "system",
+    };
+  }),
+
+  // Update theme preferences
+  updateTheme: protectedProcedure
+    .input(
+      z.object({
+        colorTheme: z.enum(["slate", "blue", "green", "rose", "orange", "custom"]).optional(),
+        customColor: z.string().optional(),
+        theme: z.enum(["light", "dark", "system"]).optional(),
+      }),
+    )
+    .mutation(async ({ ctx, input }) => {
+      await ctx.db
+        .update(users)
+        .set({
+          ...(input.colorTheme && { colorTheme: input.colorTheme }),
+          ...(input.customColor !== undefined && { customColor: input.customColor }),
+          ...(input.theme && { theme: input.theme }),
+        })
+        .where(eq(users.id, ctx.session.user.id));
+
+      return { success: true };
+    }),
+
   // Update user profile
   updateProfile: protectedProcedure
     .input(

src/server/db/schema.ts

@@ -29,6 +29,9 @@ export const users = createTable("user", (d) => ({
   // Custom fields
   prefersReducedMotion: d.boolean().default(false).notNull(),
   animationSpeedMultiplier: d.real().default(1).notNull(),
+  colorTheme: d.varchar({ length: 50 }).default("slate").notNull(),
+  customColor: d.varchar({ length: 50 }),
+  theme: d.varchar({ length: 20 }).default("system").notNull(),
 }));
 
 export const usersRelations = relations(users, ({ many }) => ({