update theme color for dark mode

andreidobrinski · andreidobrinski · commit f68619b29394 · 2024-01-31T21:34:12.000-05:00
diff --git a/src/app.html b/src/app.html
@@ -6,6 +6,8 @@
 		<link rel="icon" href="%sveltekit.assets%/favicon.svg" sizes="any" type="image/svg+xml">
 		<link rel="apple-touch-icon" href="%sveltekit.assets%/apple-touch-icon-180x180.png">
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<meta name="theme-color" content="#334155" media="(prefers-color-scheme: dark)">
+		<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">
diff --git a/vite.config.ts b/vite.config.ts
@@ -12,8 +12,8 @@ export default defineConfig({
 				start_url: '/scratchpad',
 				scope: '/scratchpad',
 				display: 'standalone',
-				theme_color: '#ffffff',
-				background_color: '#ffffff',
+				theme_color: '#334155',
+				background_color: '#334155',
 				icons: [
 					{
 						src: 'pwa-64x64.png',
