Change theme-color based on color scheme

webapp/index.html

@@ -9,7 +9,6 @@
     <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml" />
     <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" sizes="180x180" />
     <link rel="mask-icon" href="/maskable-icon-512x512.png" color="#ffffff" />
-    <meta name="theme-color" content="#afbabc" />
 
     <meta name="author" content="daylily" />
     <meta

webapp/src/App.svelte

@@ -5,6 +5,10 @@ import { ModeWatcher, mode } from 'mode-watcher'
 import { Toaster } from 'svelte-sonner'
 </script>
 
+<svelte:head>
+  <meta name="theme-color" content={mode.current === 'dark' ? '#141211' : '#ffffff'} />
+</svelte:head>
+
 <ModeWatcher />
 <Toaster position="bottom-center" duration={2000} theme={mode.current} invert />