From bfcac234e0ead987a6efd98244baf12c42a13f3b Mon Sep 17 00:00:00 2001 From: Smittix Date: Thu, 29 Jan 2026 10:14:07 +0000 Subject: [PATCH] fix: Remove CSS filter that was inverting dark map tiles The CSS filter (invert + hue-rotate) was previously used to make light OSM tiles appear dark. Now that we use actual dark CARTO tiles, this filter was inverting them back to light. Removed from all dashboards. Co-Authored-By: Claude Opus 4.5 --- static/css/adsb_dashboard.css | 5 +---- static/css/ais_dashboard.css | 5 +---- static/css/index.css | 5 +---- static/css/satellite_dashboard.css | 5 +---- 4 files changed, 4 insertions(+), 16 deletions(-) diff --git a/static/css/adsb_dashboard.css b/static/css/adsb_dashboard.css index 95c31d0..22ccd18 100644 --- a/static/css/adsb_dashboard.css +++ b/static/css/adsb_dashboard.css @@ -903,10 +903,7 @@ body { background: var(--bg-dark) !important; } -.leaflet-tile-pane, -.leaflet-container .leaflet-tile-pane { - filter: invert(1) hue-rotate(180deg) brightness(0.8) contrast(1.2) !important; -} +/* Using actual dark tiles now - no filter needed */ .leaflet-control-zoom a { background: var(--bg-panel) !important; diff --git a/static/css/ais_dashboard.css b/static/css/ais_dashboard.css index 99ff90e..3d4d268 100644 --- a/static/css/ais_dashboard.css +++ b/static/css/ais_dashboard.css @@ -370,10 +370,7 @@ body { font-family: 'JetBrains Mono', monospace; } -.leaflet-tile-pane, -.leaflet-container .leaflet-tile-pane { - filter: invert(1) hue-rotate(180deg) brightness(0.8) contrast(1.2) !important; -} +/* Using actual dark tiles now - no filter needed */ .leaflet-control-zoom a { background: var(--bg-panel) !important; diff --git a/static/css/index.css b/static/css/index.css index 44ad695..3738a03 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -2344,10 +2344,7 @@ header h1 .tagline { font-family: 'JetBrains Mono', monospace; } -.leaflet-tile-pane, -.leaflet-container .leaflet-tile-pane { - filter: invert(1) hue-rotate(180deg) brightness(0.8) contrast(1.2) !important; -} +/* Using actual dark tiles now - no filter needed */ .leaflet-control-zoom { margin-top: 45px !important; diff --git a/static/css/satellite_dashboard.css b/static/css/satellite_dashboard.css index 8f385c7..02c2790 100644 --- a/static/css/satellite_dashboard.css +++ b/static/css/satellite_dashboard.css @@ -626,10 +626,7 @@ body { background: var(--bg-dark) !important; } -.leaflet-tile-pane, -.leaflet-container .leaflet-tile-pane { - filter: invert(1) hue-rotate(180deg) brightness(0.8) contrast(1.2) !important; -} +/* Using actual dark tiles now - no filter needed */ .leaflet-control-zoom a { background: var(--bg-panel) !important;