From 24dd4002fa0ff126878802a67556c09a12e06cd9 Mon Sep 17 00:00:00 2001
From: tap0212 <40211415+tap0212@users.noreply.github.com>
Date: Fri, 12 May 2023 05:20:11 +0530
Subject: [PATCH] fixed color of status bar for pwa (#8583)

* fixed color of status bar for pwa

* Apply suggestions from code review

* Apply suggestions from code review

---------

Co-authored-by: Peer Richelsen <peer@cal.com>
Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 apps/web/pages/_document.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/web/pages/_document.tsx b/apps/web/pages/_document.tsx
index 9efa2cedd2..600eeb009d 100644
--- a/apps/web/pages/_document.tsx
+++ b/apps/web/pages/_document.tsx
@@ -46,7 +46,8 @@ class MyDocument extends Document<Props> {
           <link rel="manifest" href="/site.webmanifest" />
           <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000" />
           <meta name="msapplication-TileColor" content="#ff0000" />
-          <meta name="theme-color" content="var(--cal-bg)" />
+          <meta name="theme-color" media="(prefers-color-scheme: light)" content="white" />
+          <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1C1C1C" />
         </Head>
 
         <body