fix scrollbar theme in chrome (#593)

web/src/app.html

@@ -5,11 +5,17 @@
 	<meta charset="utf-8" />
 	<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<meta name="color-scheme" content="light">
 	<script>
 		localStorage.theme === 'dark' ||
 			(!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)
 			? document.documentElement.classList.add('dark')
 			: document.documentElement.classList.add('light');
+
+		localStorage.theme === 'dark' ||
+			(!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)
+			? document.querySelector("meta[name='color-scheme'" )?.setAttribute("content", 'dark')
+			: document.querySelector("meta[name='color-scheme'" )?.setAttribute("content", 'light')
 	</script>
 	%sveltekit.head%
 </head>

web/src/lib/stores/theme_store.ts

@@ -25,6 +25,7 @@ export function toggleTheme() {
     const newTheme = currentTheme === "light" ? "dark" : "light";
     document.documentElement.classList.remove(currentTheme)
     document.documentElement.classList.add(newTheme)
+    document.querySelector("meta[name='color-scheme'" )?.setAttribute("content", newTheme)
     theme.set(newTheme)
     localStorage.setItem("theme", newTheme);
 }