From fb11b08c34f3a67279e9ebc5cfcb04d707ab1a07 Mon Sep 17 00:00:00 2001
From: Miguel Coxo <miguel@thetruck.company>
Date: Sat, 2 Mar 2024 14:10:33 +0000
Subject: [PATCH] feat: Add dynamic theme-color meta

---
 apps/client/src/app/app.component.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/apps/client/src/app/app.component.ts b/apps/client/src/app/app.component.ts
index 1cf4e4b4d..14efdac73 100644
--- a/apps/client/src/app/app.component.ts
+++ b/apps/client/src/app/app.component.ts
@@ -193,10 +193,12 @@ export class AppComponent implements OnDestroy, OnInit {
       : window.matchMedia('(prefers-color-scheme: dark)').matches;
 
     this.toggleThemeStyleClass(isDarkTheme);
+    this.toggleMetaThemeColor(isDarkTheme);
 
     window.matchMedia('(prefers-color-scheme: dark)').addListener((event) => {
       if (!this.user?.settings.colorScheme) {
         this.toggleThemeStyleClass(event.matches);
+        this.toggleMetaThemeColor(event.matches);
       }
     });
   }
@@ -208,4 +210,10 @@ export class AppComponent implements OnDestroy, OnInit {
       this.document.body.classList.remove('is-dark-theme');
     }
   }
+
+  private toggleMetaThemeColor(isDarkTheme: boolean) {
+    const color = isDarkTheme ? 'rgb(25, 25, 25)' : 'rgb(255, 255, 255)';
+    const metaTag = this.document.querySelector('meta[name="theme-color"]');
+    metaTag.setAttribute('content', color);
+  }
 }