From 9869149cf0a00d09128e6519c5addce0402b2a79 Mon Sep 17 00:00:00 2001
From: Michael Geers <michael@geers.tv>
Date: Fri, 21 Feb 2025 14:45:32 +0100
Subject: [PATCH] Fix: iOS 12.2 incompatible script (#19029)

---
 assets/js/colors.js | 4 +++-
 assets/js/theme.js  | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/js/colors.js b/assets/js/colors.js
index 5bc721b51..25f2be076 100644
--- a/assets/js/colors.js
+++ b/assets/js/colors.js
@@ -65,7 +65,9 @@ function updateCssColors() {
 
 // update colors on theme change
 const darkModeMatcher = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
-darkModeMatcher?.addEventListener("change", updateCssColors);
+if (darkModeMatcher && darkModeMatcher.addEventListener) {
+  darkModeMatcher.addEventListener("change", updateCssColors);
+}
 // initialize colors
 updateCssColors();
 window.requestAnimationFrame(updateCssColors);
diff --git a/assets/js/theme.js b/assets/js/theme.js
index 130532d2b..a4f42fc83 100644
--- a/assets/js/theme.js
+++ b/assets/js/theme.js
@@ -62,7 +62,9 @@ function updateMetaThemeForBackdrop() {
 }
 
 export function watchThemeChanges() {
-  darkModeMatcher?.addEventListener("change", updateTheme);
+  if (darkModeMatcher && darkModeMatcher.addEventListener) {
+    darkModeMatcher.addEventListener("change", updateTheme);
+  }
   updateTheme();
 
   // listen for modal backdrops