removed js library for dark mode basemapHH-feat-2

2 files changed, 4 insertions, 8 deletions

diff --git a/web/public/javascripts/leaflet-tilelayer-colorfilter.min.js b/web/public/javascripts/leaflet-tilelayer-colorfilter.min.js
deleted file mode 120000
index d817736..0000000
--- a/web/public/javascripts/leaflet-tilelayer-colorfilter.min.js
+++ /dev/null
@@ -1 +0,0 @@
-../../node_modules/leaflet.tilelayer.colorfilter/src/leaflet-tilelayer-colorfilter.min.js
\ No newline at end of file
diff --git a/web/public/javascripts/map.js b/web/public/javascripts/map.js
index 23f4ec0..db50cbe 100644
--- a/web/public/javascripts/map.js
+++ b/web/public/javascripts/map.js
@@ -216,26 +216,23 @@ function initLiveLoading() {
   }
 }
 
-function getModeFilter(darkmode) {
-  return darkmode ? ['hue:186deg', 'invert:100%'] : [];
-}
-
 function toggleDarkMap(e) {
-  mainTileLayer.updateFilter(getModeFilter(!darkmode));
   darkmode = !darkmode;
+  document.getElementById('map').style['-webkit-filter'] =
+    document.getElementById('sidebar').style['-webkit-filter'] =
+    (darkmode) ? "invert(100%)" : "invert(0%)";
 }
 
 let toggleDarkModeBtn = document.getElementById('toggle-btn')
   .addEventListener("click", toggleDarkMap);
 
 // different basemap
-let mainTileLayer = L.tileLayer.colorFilter('https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}{r}.{ext}', {
+let mainTileLayer = L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}{r}.{ext}', {
   attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> &mdash; Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
   subdomains: 'abcd',
   minZoom: 0,
   maxZoom: 18,
   ext: 'png',
-  filter: [],
 }).addTo(map);
 
 // keep track of the boundary of the markers so that we can update the