Fix WPA theme color

MartinBraquet · MartinBraquet · commit fa44e348a2c5 · 2025-10-22T00:22:28.000+02:00
diff --git a/web/pages/_document.tsx b/web/pages/_document.tsx
@@ -16,11 +16,15 @@ export default function Document() {
         />
 
         {/* PWA primary color */}
-        <meta name="theme-color" content="#0d6efd" />
+        <Head>
+          <meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff"/>
+          <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#0d1117"/>
+        </Head>
+
         {/*/!* Link to your manifest *!/*/}
-        <link rel="manifest" href="/manifest.json" />
+        <link rel="manifest" href="/manifest.json"/>
         {/*/!* App icons *!/*/}
-        <link rel="apple-touch-icon" href="/favicon.ico" />
+        <link rel="apple-touch-icon" href="/favicon.ico"/>
 
         <Script src="/init-theme.js" strategy="beforeInteractive"/>
         {IS_DEPLOYED && <Script id="devtools-warning" strategy="afterInteractive" dangerouslySetInnerHTML={{
diff --git a/web/public/manifest.json b/web/public/manifest.json
@@ -11,6 +11,6 @@
   "start_url": ".",
   "display": "standalone",
   "background_color": "#ffffff",
-  "theme_color": "#0d6efd",
+  "theme_color": "#ffffff",
   "orientation": "portrait-primary"
 }

Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,6 @@`
`11`	`11`	`"start_url": ".",`
`12`	`12`	`"display": "standalone",`
`13`	`13`	`"background_color": "#ffffff",`
`14`		`- "theme_color": "#0d6efd",`
	`14`	`+ "theme_color": "#ffffff",`
`15`	`15`	`"orientation": "portrait-primary"`
`16`	`16`	`}`