new frontend

ik ben zo cool

frontend(experimental)/newchat/lib/room-theme.ts

@@ -0,0 +1,32 @@
+// Deterministic per-room theming: background image + accent color.
+
+const ROOM_BACKGROUNDS = [
+  "/backgrounds/room-1.png",
+  "/backgrounds/room-2.png",
+  "/backgrounds/room-3.png",
+  "/backgrounds/room-4.png",
+  "/backgrounds/room-5.png",
+]
+
+export const ALL_ROOMS_BACKGROUND = "/backgrounds/all-rooms.png"
+
+// Tailwind background classes used to color-code events per room.
+const ROOM_COLORS = [
+  { bg: "bg-blue-500", dot: "bg-blue-500", ring: "ring-blue-400" },
+  { bg: "bg-emerald-500", dot: "bg-emerald-500", ring: "ring-emerald-400" },
+  { bg: "bg-purple-500", dot: "bg-purple-500", ring: "ring-purple-400" },
+  { bg: "bg-orange-500", dot: "bg-orange-500", ring: "ring-orange-400" },
+  { bg: "bg-pink-500", dot: "bg-pink-500", ring: "ring-pink-400" },
+  { bg: "bg-cyan-500", dot: "bg-cyan-500", ring: "ring-cyan-400" },
+  { bg: "bg-amber-500", dot: "bg-amber-500", ring: "ring-amber-400" },
+  { bg: "bg-teal-500", dot: "bg-teal-500", ring: "ring-teal-400" },
+]
+
+export function getRoomBackground(roomId: number | null): string {
+  if (roomId === null) return ALL_ROOMS_BACKGROUND
+  return ROOM_BACKGROUNDS[roomId % ROOM_BACKGROUNDS.length]
+}
+
+export function getRoomColor(roomId: number) {
+  return ROOM_COLORS[roomId % ROOM_COLORS.length]
+}