feat: CC-003 - ✨ Add them color meta tag

Pushedskydiver · Jul 3, 2024 · 34ae628 · 34ae628
1 parent c86d2f8
commit 34ae628
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 17 deletions.
diff --git a/app/root.tsx b/app/root.tsx
@@ -108,22 +108,26 @@ export const links: LinksFunction = () => [
 	{ rel: 'stylesheet', href: styles },
 ]
 
-export const meta: MetaFunction = () => [
-	{
-		title: 'Colour Contrast Checker',
-	},
-	{
-		name: 'description',
-		content: 'Check the contrast between different colour combinations against WCAG standards.',
-	},
-	{
-		name: 'theme-color',
-		content: '#ffe66d',
-	},
-	...openGraph,
-	...twitterCard,
-	...msTileIcons,
-];
+export const meta: MetaFunction<typeof loader> = ({ data }) => {
+	const bgHex = data?.background ? colorToHex(data.background) : '#ffe66d';
+
+	return [
+		{
+			title: 'Colour Contrast Checker',
+		},
+		{
+			name: 'description',
+			content: 'Check the contrast between different colour combinations against WCAG standards.',
+		},
+		{
+			name: 'theme-color',
+			content: bgHex,
+		},
+		...openGraph,
+		...twitterCard,
+		...msTileIcons,
+	]
+};
 
 export const loader = async ({
 	request,

diff --git a/public/entry.worker.js b/public/entry.worker.js
@@ -4919,7 +4919,6 @@ const assets = [
   "/google2d49dc22afca555f.html",
   "/robots.txt",
   "/site.webmanifest",
-  "/fonts/avenir-next-variable.woff2",
   "/favicons/apple-touch-icon.png",
   "/favicons/favicon-144x144.png",
   "/favicons/favicon-150x150.png",
@@ -4933,6 +4932,7 @@ const assets = [
   "/favicons/favicon-72x72.png",
   "/favicons/favicon-96x96.png",
   "/favicons/safari-pinned-tab.svg",
+  "/fonts/avenir-next-variable.woff2",
   "/images/logos/buy-me-a-coffee.svg",
   "/images/splash-screens/10.2__iPad_landscape.png",
   "/images/splash-screens/10.2__iPad_portrait.png",