fix: missing color on empty lists in edit and wishlist pages

src/lib/components/wishlist/EditableItemsList.svelte

@@ -7,6 +7,8 @@
 	import { enhance } from "$app/forms";
 	import { flip } from "svelte/animate";
 	import { languageStore } from '$lib/stores/language.svelte';
+	import ThemeCard from "$lib/components/themes/ThemeCard.svelte";
+	import { getCardStyle } from "$lib/utils/colors";
 
 	let {
 		items = $bindable([]),
@@ -25,6 +27,7 @@
 	} = $props();
 
 	const t = $derived(languageStore.t);
+	const cardStyle = $derived(getCardStyle(wishlistColor));
 </script>
 
 <div class="space-y-4">
@@ -68,8 +71,9 @@
 			{/each}
 		</div>
 	{:else}
-		<Card>
-			<CardContent class="p-12">
+		<Card style={cardStyle} class="relative overflow-hidden">
+			<ThemeCard themeName={theme} color={wishlistColor} />
+			<CardContent class="p-12 relative z-10">
 				<EmptyState
 					message={t.wishlist.noWishes + ". " + t.wishlist.addFirstWish + "!"}
 				/>