From b37f0c724d6364dbd70f02e37f09baf1cc29987d Mon Sep 17 00:00:00 2001
From: dodaydream <daydream2013@live.com>
Date: Wed, 24 Jan 2024 16:34:46 -0500
Subject: [PATCH 1/2] feat: add theme-color meta to change browser bar color

---
 default.hbs   | 2 ++
 src/js/app.js | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/default.hbs b/default.hbs
index 485d74abc..6f49f0e35 100644
--- a/default.hbs
+++ b/default.hbs
@@ -124,8 +124,10 @@
 
         if (currentSavedTheme && currentSavedTheme === 'dark') {
           document.documentElement.setAttribute('data-theme', 'dark')
+          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#111')
         } else {
           document.documentElement.setAttribute('data-theme', 'light')
+          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#fff')
         }
       }
     </script>
diff --git a/src/js/app.js b/src/js/app.js
index 8c628a1ef..1c0329e0e 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -200,9 +200,11 @@ $(() => {
   $toggleDarkMode.on('change', () => {
     if ($toggleDarkMode.is(':checked')) {
       $('html').attr('data-theme', 'dark');
+      $('meta[name="theme-color"]').attr('content', '#111');
       localStorage.setItem('theme', 'dark');
     } else {
       $('html').attr('data-theme', 'light');
+      $('meta[name="theme-color"]').attr('content', '#fff');
       localStorage.setItem('theme', 'light');
     }
 

From 6b6df007bed429ca58388cf1f3dd7e4435463cfd Mon Sep 17 00:00:00 2001
From: dodaydream <daydream2013@live.com>
Date: Wed, 24 Jan 2024 17:42:33 -0500
Subject: [PATCH 2/2] fix: remove gaps between collapsible menu and header on
 desktop layout

---
 src/sass/components/header/_menu.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/sass/components/header/_menu.scss b/src/sass/components/header/_menu.scss
index 824cd5938..5e5fc2409 100644
--- a/src/sass/components/header/_menu.scss
+++ b/src/sass/components/header/_menu.scss
@@ -29,7 +29,7 @@
     opacity: 1 !important;
     overflow: initial;
     background-color: transparent;
-    @include transform(translate3d(0, 0, 0) !important);
+    transform: unset;
   }
 }