diff --git a/web/pages/_document.tsx b/web/pages/_document.tsx
index 0b52db28..dcef6ef4 100644
--- 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
index 6ef5f5b1..a51f2fff 100644
--- 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"
 }
