beeeeg update

src/app.html

@@ -1,6 +1,25 @@
 <!doctype html>
 <html lang="en">
 	<head>
+		<meta name="theme-color" content="#000000" />
+		<script>
+			let themePreference = 'dark';
+			try {
+				const storedTheme = localStorage.getItem('theme');
+				if (storedTheme === 'light' || storedTheme === 'system') themePreference = storedTheme;
+			} catch {
+				// Keep the dark default if storage is unavailable.
+			}
+			document.documentElement.dataset.themePreference = themePreference;
+			document.documentElement.dataset.theme =
+				themePreference === 'system'
+					? window.matchMedia('(prefers-color-scheme: light)').matches
+						? 'light'
+						: 'dark'
+					: themePreference;
+			document.querySelector('meta[name="theme-color"]').content =
+				document.documentElement.dataset.theme === 'light' ? '#ffffff' : '#000000';
+		</script>
 		<!-- Google tag (gtag.js) -->
 		<script async src="https://www.googletagmanager.com/gtag/js?id=G-7K10F5HJMQ"></script>
 		<script>
@@ -18,7 +37,12 @@
 		<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon-32x32.png" />
 		<link rel="icon" type="image/png" sizes="16x16" href="%sveltekit.assets%/favicon-16x16.png" />
 		<link rel="manifest" href="%sveltekit.assets%/site.webmanifest" />
-		<title>Stan Runge</title>
+		<link rel="preconnect" href="https://fonts.googleapis.com" />
+		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
+		<link
+			href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap"
+			rel="stylesheet"
+		/>
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
 	</head>