your personal website on atproto - mirror
blento.app
flo-bit.dev
1<script lang="ts">
2 let {
3 accentColor = 'pink',
4 baseColor = 'stone'
5 }: {
6 accentColor?: string;
7 baseColor?: string;
8 } = $props();
9
10 const safeJson = (v: string) => JSON.stringify(v).replace(/</g, '\\u003c');
11
12 let script = $derived(
13 `<script>(function(){document.documentElement.classList.add(${safeJson(accentColor)},${safeJson(baseColor)});})();<` +
14 '/script>'
15 );
16</script>
17
18<svelte:head>
19 {@html script}
20</svelte:head>