rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Globaler Dark-Mode-Filter für alle Leaflet-Karten

Browse source 
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
This commit is contained in:
rene 2026-05-16 11:41:12 +02:00
parent 19640af288
commit d8b75fbcab
5 changed files with 14 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
backend/static/css/design-system.css
View file

@ -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
------------------------------------------------------------ */