small fixes

src/lib/cards/LinkCard/LinkCard.svelte

···
 			rel="noopener noreferrer"
 			use:qrOverlay={{
 				context: {
-					title: item.cardData.title,
-					favicon: item.cardData.favicon
+					title: item.cardData.title
 				}
 			}}
 		>

src/lib/cards/helper.ts

···
 	return getComputedStyle(document.body).getPropertyValue(variable).trim();
 }
 
+
+export function getHexCSSVar(variable: string) {
+	return convertCSSToHex(getCSSVar(variable));
+}
+
+
 /**
  * Converts a CSS color string to a hue value in the 0-1 range
  */

src/lib/components/qr/QRCodeDisplay.svelte

···
 <script lang="ts">
+	import { getHexCSSVar } from '$lib/cards/helper';
 	import { onMount } from 'svelte';
 
 	let {
···
 	onMount(async () => {
 		if (!container) return;
 
-		// Use iconColor or default accent, ensure # prefix
-		const rawColor = iconColor || 'f6339a';
+		// Use iconColor or accent color, ensure # prefix
+		const rawColor = iconColor || getHexCSSVar('--color-accent-600');
 		const dotColor = rawColor.startsWith('#') ? rawColor : `#${rawColor}`;
 
 		const module = await import('qr-code-styling');

src/lib/components/qr/QRCodeModal.svelte

···
 <Modal bind:open closeButton={true} class="max-w-[90vw]! sm:max-w-sm! md:max-w-md!">
 	<div class="flex flex-col items-center justify-center gap-4 p-4">
 		{#if context.title}
-			<div class="text-base-900 dark:text-base-100 text-center text-xl font-semibold">
+			<div class="text-base-900 dark:text-base-100 text-center text-3xl font-semibold">
 				{context.title}
 			</div>
 		{/if}