From d8b75fbcab2da32e7e1d499125982e8d006cc97a Mon Sep 17 00:00:00 2001 From: rene Date: Sat, 16 May 2026 11:41:12 +0200 Subject: [PATCH] =?UTF-8?q?Fix:=20Globaler=20Dark-Mode-Filter=20f=C3=BCr?= =?UTF-8?q?=20alle=20Leaflet-Karten?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit design-system.css: .leaflet-tile-pane bekommt den invert/hue-rotate-Filter im Dark-Mode — gilt für walks, lost, poison, forum, routes und alle anderen Seiten mit eingebetteten Leaflet-Karten. design-system.css ?v=1025, SW by-v1026, APP_VER 1026 --- backend/main.py | 2 +- backend/static/css/design-system.css | 10 ++++++++++ backend/static/index.html | 2 +- backend/static/js/app.js | 2 +- backend/static/sw.js | 2 +- 5 files changed, 14 insertions(+), 4 deletions(-) diff --git a/backend/main.py b/backend/main.py index f3a0230..19cbbc3 100644 --- a/backend/main.py +++ b/backend/main.py @@ -410,7 +410,7 @@ async def serve_media(path: str, request: _Request): raise _HE(404, "Nicht gefunden.") return _media_response(filepath) -APP_VER = "1025" # muss mit APP_VER in app.js übereinstimmen +APP_VER = "1026" # muss mit APP_VER in app.js übereinstimmen @app.get("/.well-known/assetlinks.json") async def assetlinks(): diff --git a/backend/static/css/design-system.css b/backend/static/css/design-system.css index 226f617..d206049 100644 --- a/backend/static/css/design-system.css +++ b/backend/static/css/design-system.css @@ -189,6 +189,16 @@ --shadow-xl: 0 16px 40px rgba(0, 0, 0, 0.50), 0 8px 16px rgba(0, 0, 0, 0.35); } +/* Global Dark-Mode für alle Leaflet-Karten (map, walks, lost, poison, forum, routes …) */ +:root[data-theme="dark"] .leaflet-tile-pane { + filter: invert(93%) hue-rotate(180deg) brightness(0.88) contrast(0.88) saturate(0.85); +} +@media (prefers-color-scheme: dark) { + :root:not([data-theme="light"]) .leaflet-tile-pane { + filter: invert(93%) hue-rotate(180deg) brightness(0.88) contrast(0.88) saturate(0.85); + } +} + /* ------------------------------------------------------------ 2. RESET & BASE ------------------------------------------------------------ */ diff --git a/backend/static/index.html b/backend/static/index.html index b61d0f5..9be7812 100644 --- a/backend/static/index.html +++ b/backend/static/index.html @@ -101,7 +101,7 @@ - + diff --git a/backend/static/js/app.js b/backend/static/js/app.js index 943e696..87cf233 100644 --- a/backend/static/js/app.js +++ b/backend/static/js/app.js @@ -3,7 +3,7 @@ Router, State-Management, Navigation, Initialisierung. ============================================================ */ -const APP_VER = '1025'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen +const APP_VER = '1026'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt const IS_STAGING = location.hostname === 'staging.banyaro.app'; // Cache-Bust-Parameter nach Update-Reload sofort entfernen diff --git a/backend/static/sw.js b/backend/static/sw.js index b639fd8..8636bf6 100644 --- a/backend/static/sw.js +++ b/backend/static/sw.js @@ -3,7 +3,7 @@ Offline-Cache + Push Notifications + Tile-Cache ============================================================ */ -const CACHE_VERSION = 'by-v1025'; +const CACHE_VERSION = 'by-v1026'; const CACHE_STATIC = `${CACHE_VERSION}-static`; const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten const CACHE_API = 'ban-yaro-api-v1'; // API-Response-Cache