From 5c3741fc56d78427148f3949c7b8b7fcc437cc86 Mon Sep 17 00:00:00 2001
From: Marwin Hochfelsner <50826859+hlfan@users.noreply.github.com>
Date: Sun, 20 Jul 2025 17:05:41 +0200
Subject: [PATCH] Add dark Shortbread style

---
 app/assets/javascripts/leaflet.shortbread.js | 14 +++++++++++++-
 config/layers.yml                            |  3 ++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/leaflet.shortbread.js b/app/assets/javascripts/leaflet.shortbread.js
index e7cc06f74..4bf406190 100644
--- a/app/assets/javascripts/leaflet.shortbread.js
+++ b/app/assets/javascripts/leaflet.shortbread.js
@@ -3,7 +3,7 @@
 L.OSM.Shortbread = L.MaplibreGL.extend({
   onAdd: function (map) {
     L.MaplibreGL.prototype.onAdd.call(this, map);
-    const styleURL = "https://vector.openstreetmap.org/demo/shortbread/colorful.json";
+    const styleURL = "https://vector.openstreetmap.org/demo/shortbread/" + this.options.styleName;
     this.getMaplibreMap().setStyle(styleURL, {
       transformStyle: (previousStyle, nextStyle) => ({
         ...nextStyle,
@@ -28,3 +28,15 @@ L.OSM.Shortbread = L.MaplibreGL.extend({
     L.MaplibreGL.prototype.onRemove.call(this, map);
   }
 });
+
+L.OSM.ShortbreadColorful = L.OSM.Shortbread.extend({
+  options: {
+    styleName: "colorful.json"
+  }
+});
+
+L.OSM.ShortbreadEclipse = L.OSM.Shortbread.extend({
+  options: {
+    styleName: "eclipse.json"
+  }
+});
diff --git a/config/layers.yml b/config/layers.yml
index 44770079f..7c7d01430 100644
--- a/config/layers.yml
+++ b/config/layers.yml
@@ -80,7 +80,8 @@
         id: "osm_france"
         href: "https://openstreetmap.fr/"
 
-- leafletOsmId: "Shortbread"
+- leafletOsmId: "ShortbreadColorful"
+  leafletOsmDarkId: "ShortbreadEclipse"
   code: "S"
   layerId: "shortbread"
   nameId: "shortbread"
-- 
2.39.5