fix: add embed color and make image small

Author: madkarmaa

src/lib/components/molecules/Embed.svelte

@@ -1,6 +1,12 @@
 <script lang="ts">
-	type Props = { title: string; image?: string; description?: string; websiteUrl?: string };
-	let { title, image, description, websiteUrl }: Props = $props();
+	type Props = {
+		title: string;
+		image?: string;
+		description?: string;
+		websiteUrl?: string;
+		themeColor?: string;
+	};
+	let { title, image, description, websiteUrl, themeColor }: Props = $props();
 </script>
 
 <svelte:head>
@@ -9,7 +15,10 @@
 	<meta property="twitter:title" content={title} />
 
 	<meta property="og:type" content="website" />
-	<meta property="twitter:card" content="summary_large_image" />
+
+	{#if themeColor}
+		<meta name="theme-color" content={themeColor} />
+	{/if}
 
 	{#if description}
 		<meta name="description" content={description} />

src/routes/+page.svelte

@@ -30,6 +30,7 @@
 	description="You may be a victim of ReVanced counterfeit. Learn more about it here."
 	websiteUrl="https://revanced.app"
 	image="https://revanced.app/logo.png"
+	themeColor="#9FD5FF"
 />
 
 <main>