From 229af6678335873a7eaaa8ec4387f40516ea0f36 Mon Sep 17 00:00:00 2001
From: Sanjaiyan Parthipan <parthipankalayini@gmail.com>
Date: Tue, 6 Sep 2022 20:38:55 +0530
Subject: [PATCH 1/5] Adding <meta name="theme-color" />

---
 beta/src/components/Seo.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/beta/src/components/Seo.tsx b/beta/src/components/Seo.tsx
index e7f253fe3d7..833be0688cd 100644
--- a/beta/src/components/Seo.tsx
+++ b/beta/src/components/Seo.tsx
@@ -31,6 +31,16 @@ export const Seo = withRouter(
       {description != null && (
         <meta name="description" key="description" content={description} />
       )}
+      <meta
+        name="theme-color"
+        content={
+          typeof window !== 'undefined'
+            ? window?.__theme === 'dark'
+              ? '#23272F'
+              : '#F6F7F9'
+            : '#23272F'
+        }
+      />
       {/* <link rel="icon" type="image/x-icon" href={favicon} />
       <link rel="apple-touch-icon" href={favicon} />  @todo favicon */}
       <meta property="fb:app_id" content="623268441017527" />

From baf3bb40e4a01c8da12b0ca516b67c88dca187a0 Mon Sep 17 00:00:00 2001
From: Sanjaiyan Parthipan <parthipankalayini@gmail.com>
Date: Tue, 6 Sep 2022 20:58:15 +0530
Subject: [PATCH 2/5] update theme-color color

---
 beta/src/components/Seo.tsx | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/beta/src/components/Seo.tsx b/beta/src/components/Seo.tsx
index 833be0688cd..8335b8b90f1 100644
--- a/beta/src/components/Seo.tsx
+++ b/beta/src/components/Seo.tsx
@@ -31,16 +31,7 @@ export const Seo = withRouter(
       {description != null && (
         <meta name="description" key="description" content={description} />
       )}
-      <meta
-        name="theme-color"
-        content={
-          typeof window !== 'undefined'
-            ? window?.__theme === 'dark'
-              ? '#23272F'
-              : '#F6F7F9'
-            : '#23272F'
-        }
-      />
+      <meta name="theme-color" key="theme-color" content="#087ea4" />
       {/* <link rel="icon" type="image/x-icon" href={favicon} />
       <link rel="apple-touch-icon" href={favicon} />  @todo favicon */}
       <meta property="fb:app_id" content="623268441017527" />

From 519a211be8185b6a009ae0fe89baa45d9bb7ea10 Mon Sep 17 00:00:00 2001
From: Sanjaiyan Parthipan <parthipankalayini@gmail.com>
Date: Fri, 9 Sep 2022 18:45:10 +0530
Subject: [PATCH 3/5] Improve <meta name="theme-color" />

---
 beta/src/components/Seo.tsx  |  2 +-
 beta/src/pages/_document.tsx | 71 +++++++++++++++++++-----------------
 2 files changed, 38 insertions(+), 35 deletions(-)

diff --git a/beta/src/components/Seo.tsx b/beta/src/components/Seo.tsx
index 8335b8b90f1..106896e09d9 100644
--- a/beta/src/components/Seo.tsx
+++ b/beta/src/components/Seo.tsx
@@ -31,7 +31,7 @@ export const Seo = withRouter(
       {description != null && (
         <meta name="description" key="description" content={description} />
       )}
-      <meta name="theme-color" key="theme-color" content="#087ea4" />
+      <meta name="theme-color" key="theme-color" content="#23272F" />
       {/* <link rel="icon" type="image/x-icon" href={favicon} />
       <link rel="apple-touch-icon" href={favicon} />  @todo favicon */}
       <meta property="fb:app_id" content="623268441017527" />
diff --git a/beta/src/pages/_document.tsx b/beta/src/pages/_document.tsx
index 0c46ff5f208..376915c607d 100644
--- a/beta/src/pages/_document.tsx
+++ b/beta/src/pages/_document.tsx
@@ -14,43 +14,46 @@ const MyDocument = () => {
         <script
           dangerouslySetInnerHTML={{
             __html: `
-                (function () {
-                  function setTheme(newTheme) {
-                    window.__theme = newTheme;
-                    if (newTheme === 'dark') {
-                      document.documentElement.classList.add('dark');
-                    } else if (newTheme === 'light') {
-                      document.documentElement.classList.remove('dark');
-                    }
+            (function() {
+              var setTheme = function setTheme(newTheme) {
+                  window.__theme = newTheme;
+                  if (newTheme === "dark") {
+                      document.documentElement.classList.add("dark");
+                      reacjsThemeColorMeta == null ? void 0 : reacjsThemeColorMeta.setAttribute("content", "#23272F");
+                  } else if (newTheme === "light") {
+                      document.documentElement.classList.remove("dark");
+                      reacjsThemeColorMeta == null ? void 0 : reacjsThemeColorMeta.setAttribute("content", "#F5F5F5");
                   }
-
-                  var preferredTheme;
+              };
+              var reacjsThemeColorMeta = document.querySelector('meta[name="theme-color"]');
+              var preferredTheme;
+              try {
+                  preferredTheme = localStorage.getItem("theme");
+              } catch (err) {}
+              window.__setPreferredTheme = function(newTheme) {
+                  preferredTheme = newTheme;
+                  setTheme(newTheme);
                   try {
-                    preferredTheme = localStorage.getItem('theme');
-                  } catch (err) { }
-
-                  window.__setPreferredTheme = function(newTheme) {
-                    preferredTheme = newTheme;
-                    setTheme(newTheme);
-                    try {
-                      localStorage.setItem('theme', newTheme);
-                    } catch (err) { }
-                  };
-
-                  var initialTheme = preferredTheme;
-                  var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
-
-                  if (!initialTheme) {
-                    initialTheme = darkQuery.matches ? 'dark' : 'light';
+                      localStorage.setItem("theme", newTheme);
+                  } catch (err) {}
+              };
+              var initialTheme = preferredTheme;
+              var darkQuery = window.matchMedia("(prefers-color-scheme: dark)");
+              if (!initialTheme) {
+                  initialTheme = darkQuery.matches ? "dark" : "light";
+              }
+              setTheme(initialTheme);
+              if (initialTheme === "dark") {
+                  reacjsThemeColorMeta == null ? void 0 : reacjsThemeColorMeta.setAttribute("content", "#23272F");
+              } else {
+                  reacjsThemeColorMeta == null ? void 0 : reacjsThemeColorMeta.setAttribute("content", "#F5F5F5");
+              }
+              darkQuery.addEventListener("change", function(e) {
+                  if (!preferredTheme) {
+                      setTheme(e.matches ? "dark" : "light");
                   }
-                  setTheme(initialTheme);
-
-                  darkQuery.addEventListener('change', function (e) {
-                    if (!preferredTheme) {
-                      setTheme(e.matches ? 'dark' : 'light');
-                    }
-                  });
-                })();
+              });
+          })();          
               `,
           }}
         />

From 702dbe756cbd9310027bef4d2d3d42801cf66712 Mon Sep 17 00:00:00 2001
From: Sanjaiyan Parthipan <parthipankalayini@gmail.com>
Date: Fri, 9 Sep 2022 18:51:25 +0530
Subject: [PATCH 4/5] fix swc compiler error

---
 beta/src/pages/_document.tsx | 85 +++++++++++++++++++-----------------
 1 file changed, 45 insertions(+), 40 deletions(-)

diff --git a/beta/src/pages/_document.tsx b/beta/src/pages/_document.tsx
index 376915c607d..65104589e76 100644
--- a/beta/src/pages/_document.tsx
+++ b/beta/src/pages/_document.tsx
@@ -14,46 +14,51 @@ const MyDocument = () => {
         <script
           dangerouslySetInnerHTML={{
             __html: `
-            (function() {
-              var setTheme = function setTheme(newTheme) {
-                  window.__theme = newTheme;
-                  if (newTheme === "dark") {
-                      document.documentElement.classList.add("dark");
-                      reacjsThemeColorMeta == null ? void 0 : reacjsThemeColorMeta.setAttribute("content", "#23272F");
-                  } else if (newTheme === "light") {
-                      document.documentElement.classList.remove("dark");
-                      reacjsThemeColorMeta == null ? void 0 : reacjsThemeColorMeta.setAttribute("content", "#F5F5F5");
-                  }
-              };
-              var reacjsThemeColorMeta = document.querySelector('meta[name="theme-color"]');
-              var preferredTheme;
-              try {
-                  preferredTheme = localStorage.getItem("theme");
-              } catch (err) {}
-              window.__setPreferredTheme = function(newTheme) {
-                  preferredTheme = newTheme;
-                  setTheme(newTheme);
-                  try {
-                      localStorage.setItem("theme", newTheme);
-                  } catch (err) {}
-              };
-              var initialTheme = preferredTheme;
-              var darkQuery = window.matchMedia("(prefers-color-scheme: dark)");
-              if (!initialTheme) {
-                  initialTheme = darkQuery.matches ? "dark" : "light";
-              }
-              setTheme(initialTheme);
-              if (initialTheme === "dark") {
-                  reacjsThemeColorMeta == null ? void 0 : reacjsThemeColorMeta.setAttribute("content", "#23272F");
-              } else {
-                  reacjsThemeColorMeta == null ? void 0 : reacjsThemeColorMeta.setAttribute("content", "#F5F5F5");
-              }
-              darkQuery.addEventListener("change", function(e) {
-                  if (!preferredTheme) {
-                      setTheme(e.matches ? "dark" : "light");
-                  }
-              });
-          })();          
+            "use strict";
+(function () {
+    var reacjsThemeColorMeta = document.querySelector('meta[name="theme-color"]');
+    function setTheme(newTheme) {
+        window.__theme = newTheme;
+        if (newTheme === 'dark') {
+            document.documentElement.classList.add('dark');
+            reacjsThemeColorMeta === null || reacjsThemeColorMeta === void 0 ? void 0 : reacjsThemeColorMeta.setAttribute('content', '#23272F');
+        }
+        else if (newTheme === 'light') {
+            document.documentElement.classList.remove('dark');
+            reacjsThemeColorMeta === null || reacjsThemeColorMeta === void 0 ? void 0 : reacjsThemeColorMeta.setAttribute('content', '#F5F5F5');
+        }
+    }
+    var preferredTheme;
+    try {
+        preferredTheme = localStorage.getItem('theme');
+    }
+    catch (err) { }
+    window.__setPreferredTheme = function (newTheme) {
+        preferredTheme = newTheme;
+        setTheme(newTheme);
+        try {
+            localStorage.setItem('theme', newTheme);
+        }
+        catch (err) { }
+    };
+    var initialTheme = preferredTheme;
+    var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
+    if (!initialTheme) {
+        initialTheme = darkQuery.matches ? 'dark' : 'light';
+    }
+    setTheme(initialTheme);
+    if (initialTheme === 'dark') {
+        reacjsThemeColorMeta === null || reacjsThemeColorMeta === void 0 ? void 0 : reacjsThemeColorMeta.setAttribute('content', '#23272F');
+    }
+    else {
+        reacjsThemeColorMeta === null || reacjsThemeColorMeta === void 0 ? void 0 : reacjsThemeColorMeta.setAttribute('content', '#F5F5F5');
+    }
+    darkQuery.addEventListener('change', function (e) {
+        if (!preferredTheme) {
+            setTheme(e.matches ? 'dark' : 'light');
+        }
+    });
+})();       
               `,
           }}
         />

From 813b86f649b1921352cb235b60379dc37afef1fb Mon Sep 17 00:00:00 2001
From: Sanjaiyan Parthipan <parthipankalayini@gmail.com>
Date: Fri, 9 Sep 2022 18:51:42 +0530
Subject: [PATCH 5/5] remove use strict

---
 beta/src/pages/_document.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/beta/src/pages/_document.tsx b/beta/src/pages/_document.tsx
index 65104589e76..f71c6bd9035 100644
--- a/beta/src/pages/_document.tsx
+++ b/beta/src/pages/_document.tsx
@@ -14,7 +14,6 @@ const MyDocument = () => {
         <script
           dangerouslySetInnerHTML={{
             __html: `
-            "use strict";
 (function () {
     var reacjsThemeColorMeta = document.querySelector('meta[name="theme-color"]');
     function setTheme(newTheme) {