From 4c1af2f414db32fd67a02ff112ec24bf9a0d8c8e Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Tue, 12 Nov 2024 12:47:14 -0500
Subject: [PATCH] UX: Fix modal header background color in webview (#29717)

---
 .../discourse/app/components/footer-nav.gjs           | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/discourse/app/components/footer-nav.gjs b/app/assets/javascripts/discourse/app/components/footer-nav.gjs
index f7a700f4065..86fb80d69ca 100644
--- a/app/assets/javascripts/discourse/app/components/footer-nav.gjs
+++ b/app/assets/javascripts/discourse/app/components/footer-nav.gjs
@@ -21,10 +21,13 @@ export default class FooterNav extends Component {
   }
 
   _modalOff() {
-    postRNWebviewMessage(
-      "headerBg",
-      document.documentElement.style.getPropertyValue("--header_background")
-    );
+    const header = document.querySelector(".d-header-wrap .d-header");
+    if (header) {
+      postRNWebviewMessage(
+        "headerBg",
+        window.getComputedStyle(header).backgroundColor
+      );
+    }
   }
 
   @action