Merge pull request #172 from flo-bit/npmx

fixes

src/lib/cards/social/NpmxLikesCard/NpmxLikesCard.svelte

···
 	import type { Item } from '$lib/types';
 	import { onMount } from 'svelte';
 	import { getAdditionalUserData, getDidContext, getHandleContext } from '$lib/website/context';
-	import { CardDefinitionsByType } from '../..';
+	import { NpmxLikesCardDefinition } from '.';
 	import { RelativeTime } from '@foxui/time';
 
 	interface NpmxLike {
···
 	onMount(async () => {
 		if (feed) return;
 
-		feed = (await CardDefinitionsByType[item.cardType]?.loadData?.([], {
+		feed = (await NpmxLikesCardDefinition.loadData?.([], {
 			did,
 			handle
 		})) as NpmxLike[] | undefined;

src/lib/website/ThemeScript.svelte

···
 <script lang="ts">
+	import { browser } from '$app/environment';
+
 	let {
 		accentColor = 'pink',
 		baseColor = 'stone'
···
 		baseColor?: string;
 	} = $props();
 
+	const allAccentColors = [
+		'red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal',
+		'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose'
+	];
+	const allBaseColors = ['gray', 'stone', 'zinc', 'neutral', 'slate'];
+
 	const safeJson = (v: string) => JSON.stringify(v).replace(/</g, '\\u003c');
 
+	// SSR: inline script for initial page load (no FOUC)
 	let script = $derived(
 		`<script>(function(){document.documentElement.classList.add(${safeJson(accentColor)},${safeJson(baseColor)});})();<` +
 			'/script>'
 	);
+
+	// Client: reactive effect for client-side navigations
+	$effect(() => {
+		if (!browser) return;
+		const el = document.documentElement;
+		el.classList.remove(...allAccentColors, ...allBaseColors);
+		el.classList.add(accentColor, baseColor);
+	});
 </script>
 
 <svelte:head>