add: themes for wishlists and dashboards

src/routes/dashboard/+page.server.ts

@@ -17,6 +17,11 @@ export const load: PageServerLoad = async (event) => {
 		};
 	}
 
+	// Fetch user with theme
+	const user = await db.query.users.findFirst({
+		where: eq(users.id, session.user.id)
+	});
+
 	const userWishlists = await db.query.wishlists.findMany({
 		where: eq(wishlists.userId, session.user.id),
 		with: {
@@ -57,7 +62,7 @@ export const load: PageServerLoad = async (event) => {
 	}));
 
 	return {
-		user: session.user,
+		user: user,
 		wishlists: userWishlists,
 		savedWishlists: savedWithAccess,
 		isAuthenticated: true

src/routes/dashboard/+page.svelte

@@ -11,6 +11,30 @@
 
 	let { data }: { data: PageData } = $props();
 
+	// For anonymous users, get theme from localStorage
+	function getInitialTheme() {
+		if (data.isAuthenticated) {
+			return data.user?.dashboardTheme || 'none';
+		} else {
+			// Anonymous user - get from localStorage
+			if (typeof window !== 'undefined') {
+				return localStorage.getItem('dashboardTheme') || 'none';
+			}
+			return 'none';
+		}
+	}
+
+	let currentTheme = $state(getInitialTheme());
+
+	// Save to localStorage when theme changes for anonymous users
+	function handleThemeUpdate(theme: string | null) {
+		currentTheme = theme || 'none';
+
+		if (!data.isAuthenticated && typeof window !== 'undefined') {
+			localStorage.setItem('dashboardTheme', currentTheme);
+		}
+	}
+
 	const t = $derived(languageStore.t);
 
 	// Only owned wishlists for "My Wishlists"
@@ -34,11 +58,13 @@
 	});
 </script>
 
-<PageContainer theme={data.user?.dashboardTheme} themeColor="hsl(var(--primary))">
+<PageContainer theme={currentTheme} themeColor="#3b82f6">
 	<DashboardHeader
 		userName={data.user?.name}
 		userEmail={data.user?.email}
-		dashboardTheme={data.user?.dashboardTheme || 'none'}
+		dashboardTheme={currentTheme}
+		isAuthenticated={data.isAuthenticated}
+		onThemeUpdate={handleThemeUpdate}
 	/>
 
 	<!-- Local Wishlists Section (for anonymous and authenticated users) -->

src/routes/wishlist/[token]/edit/+page.svelte

@@ -22,6 +22,7 @@
 	let addFormElement = $state<HTMLElement | null>(null);
 	let editFormElement = $state<HTMLElement | null>(null);
 	let searchQuery = $state("");
+	let currentTheme = $state(data.wishlist.theme || 'none');
 
 	let items = $state<Item[]>([]);
 
@@ -105,9 +106,14 @@
 		items = newItems;
 		await handleReorder(newItems);
 	}
+
+	async function handleThemeUpdate(theme: string | null) {
+		currentTheme = theme || 'none';
+		await wishlistUpdates.updateTheme(theme);
+	}
 </script>
 
-<PageContainer maxWidth="4xl" theme={data.wishlist.theme} themeColor={data.wishlist.color}>
+<PageContainer maxWidth="4xl" theme={currentTheme} themeColor={data.wishlist.color}>
 	<Navigation
 		isAuthenticated={data.isAuthenticated}
 		showDashboardLink={true}
@@ -119,7 +125,7 @@
 		onDescriptionUpdate={wishlistUpdates.updateDescription}
 		onColorUpdate={wishlistUpdates.updateColor}
 		onEndDateUpdate={wishlistUpdates.updateEndDate}
-		onThemeUpdate={wishlistUpdates.updateTheme}
+		onThemeUpdate={handleThemeUpdate}
 	/>
 
 	<ShareLinks
@@ -169,7 +175,7 @@
 		{rearranging}
 		onStartEditing={startEditing}
 		onReorder={handleReorder}
-		theme={data.wishlist.theme}
+		theme={currentTheme}
 	/>
 
 	<DangerZone bind:unlocked={rearranging} />