Add an OSM.isDarkMap() function

This follows the logic from openstreetmap#5328
hlfan · Dec 12, 2024 · a03ef2b · a03ef2b
1 parent 1bee96e
commit a03ef2b
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/app/assets/javascripts/osm.js.erb b/app/assets/javascripts/osm.js.erb
@@ -231,5 +231,13 @@ OSM = {
         Math.pow(Math.sin(latdiff / 2), 2) +
         Math.cos(lat1) * Math.cos(lat2) * Math.pow(Math.sin(lngdiff / 2), 2)
       ));
+  },
+
+  isDarkMap: function() {
+    var siteTheme = $('html').attr('data-bs-theme');
+    var mapTheme = $('html').attr('data-map-theme');
+    if (mapTheme) return mapTheme === 'dark';
+    if (siteTheme) return siteTheme === 'dark';
+    return window.matchMedia('(prefers-color-scheme: dark)').matches
   }
 };