update: better color support on wishlists

2025-12-16 14:42:26 +01:00
parent a3c4067a4c
commit 3af098505b
12 changed files with 65 additions and 23 deletions
@@ -1,7 +1,8 @@
 <script lang="ts">
 	import TopPattern from './svgs/TopPattern.svelte';
 	import BottomPattern from './svgs/BottomPattern.svelte';
-	import { getTheme, getPatternColor, PATTERN_OPACITY } from '$lib/utils/themes';
+	import { getTheme, PATTERN_OPACITY } from '$lib/utils/themes';
+	import { themeStore } from '$lib/stores/theme.svelte';

 	let {
 		themeName,
@@ -16,7 +17,10 @@
 	} = $props();

 	const theme = $derived(getTheme(themeName));
-	const patternColor = $derived(getPatternColor(color));
+	const patternColor = $derived.by(() => {
+		const isDark = themeStore.getResolvedTheme() === 'dark';
+		return isDark ? '#FFFFFF' : '#000000';
+	});
 </script>

 {#if theme.pattern !== 'none'}