From e22acf821679436d9f953dccf315577f8f51a271 Mon Sep 17 00:00:00 2001 From: TomAndTheCats <64748532+Nnanyere@users.noreply.github.com> Date: Sat, 19 Sep 2026 20:58:59 -0400 Subject: [PATCH 1/2] feat(map): Add new light mode colors Added custom colors to maps_light_style.json --- assets/maps_light_style.json | 377 ++++++++++++++++++++++++++++++++++- 1 file changed, 376 insertions(+), 1 deletion(-) diff --git a/assets/maps_light_style.json b/assets/maps_light_style.json index 5d3963d..fb92968 100644 --- a/assets/maps_light_style.json +++ b/assets/maps_light_style.json @@ -42,5 +42,380 @@ "visibility": "off" } ] - } + }, + { + "featureType": "all", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "administrative", + "elementType": "geometry.fill", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "administrative", + "elementType": "geometry.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "administrative", + "elementType": "labels.text.fill", + "stylers": [ + { + "color": "#72849f" + } + ] + }, + { + "featureType": "administrative", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "administrative", + "elementType": "labels.icon", + "stylers": [ + { + "color": "#4b5a90" + } + ] + }, + { + "featureType": "administrative.locality", + "elementType": "all", + "stylers": [ + { + "visibility": "on" + } + ] + }, + { + "featureType": "administrative.neighborhood", + "elementType": "all", + "stylers": [ + { + "visibility": "on" + } + ] + }, + { + "featureType": "administrative.land_parcel", + "elementType": "all", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "landscape", + "elementType": "geometry.stroke", + "stylers": [ + { + "visibility": "on" + } + ] + }, + { + "featureType": "landscape", + "elementType": "labels.text.fill", + "stylers": [ + { + "color": "#747a90" + } + ] + }, + { + "featureType": "landscape", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "landscape.man_made", + "elementType": "geometry.fill", + "stylers": [ + { + "color": "#f8f8f9" + } + ] + }, + { + "featureType": "landscape.man_made", + "elementType": "geometry.stroke", + "stylers": [ + { + "visibility": "on" + }, + { + "color": "#555f6c" + }, + { + "weight": "3.27" + } + ] + }, + { + "featureType": "landscape.man_made", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "landscape.natural", + "elementType": "all", + "stylers": [ + { + "visibility": "on" + } + ] + }, + { + "featureType": "landscape.natural", + "elementType": "geometry.fill", + "stylers": [ + { + "visibility": "on" + }, + { + "color": "#cbeee1" + } + ] + }, + { + "featureType": "poi", + "elementType": "all", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "poi", + "elementType": "geometry.fill", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "poi", + "elementType": "labels.text.fill", + "stylers": [ + { + "visibility": "on" + }, + { + "color": "#747a90" + } + ] + }, + { + "featureType": "poi", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "poi", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "road", + "elementType": "all", + "stylers": [ + { + "saturation": -100 + }, + { + "lightness": 45 + } + ] + }, + { + "featureType": "road", + "elementType": "geometry.fill", + "stylers": [ + { + "color": "#c9d6eb" + } + ] + }, + { + "featureType": "road", + "elementType": "geometry.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "road", + "elementType": "labels.text", + "stylers": [ + { + "color": "#7f8395" + } + ] + }, + { + "featureType": "road", + "elementType": "labels.text.fill", + "stylers": [ + { + "visibility": "on" + }, + { + "color": "#72849f" + } + ] + }, + { + "featureType": "road", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "road", + "elementType": "labels.icon", + "stylers": [ + { + "color": "#ff0000" + }, + { + "visibility": "off" + } + ] + }, + { + "featureType": "road.highway", + "elementType": "all", + "stylers": [ + { + "visibility": "simplified" + } + ] + }, + { + "featureType": "road.highway", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "road.highway", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "road.arterial", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "transit", + "elementType": "all", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "transit", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "water", + "elementType": "all", + "stylers": [ + { + "color": "#46bcec" + }, + { + "visibility": "on" + } + ] + }, + { + "featureType": "water", + "elementType": "geometry.fill", + "stylers": [ + { + "color": "#95b2db" + } + ] + }, + { + "featureType": "water", + "elementType": "labels.text.fill", + "stylers": [ + { + "color": "#747a90" + } + ] + }, + { + "featureType": "water", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + } ] \ No newline at end of file From e9aff513f53aa3639b05ddae72ed06988993f9d6 Mon Sep 17 00:00:00 2001 From: TomAndTheCats <64748532+Nnanyere@users.noreply.github.com> Date: Thu, 24 Sep 2026 19:20:08 -0400 Subject: [PATCH 2/2] feat(map), refactor(map): Add new dark mode colors, sort both modes Added custom colors to maps_dark_style.json, it and maps_light_style.json are sorted according to dark mode format --- assets/maps_dark_style.json | 302 +++++++++++++- assets/maps_light_style.json | 750 +++++++++++++++++------------------ 2 files changed, 670 insertions(+), 382 deletions(-) diff --git a/assets/maps_dark_style.json b/assets/maps_dark_style.json index 7624349..e40e091 100644 --- a/assets/maps_dark_style.json +++ b/assets/maps_dark_style.json @@ -23,6 +23,51 @@ } ] }, + { + "featureType": "administrative", + "elementType": "geometry.fill", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "administrative", + "elementType": "geometry.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "administrative", + "elementType": "labels.icon", + "stylers": [ + { + "color": "#4b5a90" + } + ] + }, + { + "featureType": "administrative", + "elementType": "labels.text.fill", + "stylers": [ + { + "color": "#747a90" + } + ] + }, + { + "featureType": "administrative", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, { "featureType": "administrative.country", "elementType": "geometry.stroke", @@ -59,12 +104,81 @@ } ] }, + { + "featureType": "all", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "landscape", + "elementType": "all", + "stylers": [ + { + "color": "#f2f2f2" + } + ] + }, + { + "featureType": "landscape", + "elementType": "geometry.stroke", + "stylers": [ + { + "visibility": "on" + } + ] + }, + { + "featureType": "landscape", + "elementType": "labels.text.fill", + "stylers": [ + { + "color": "#747a90" + } + ] + }, + { + "featureType": "landscape", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "landscape.man_made", + "elementType": "geometry.fill", + "stylers": [ + { + "color": "#12171e" + } + ] + }, { "featureType": "landscape.man_made", "elementType": "geometry.stroke", "stylers": [ { - "color": "#334e87" + "visibility": "on" + }, + { + "color": "#555f6c" + }, + { + "weight": "3.27" + } + ] + }, + { + "featureType": "landscape.man_made", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" } ] }, @@ -77,6 +191,27 @@ } ] }, + { + "featureType": "landscape.natural", + "elementType": "geometry.fill", + "stylers": [ + { + "visibility": "on" + }, + { + "color": "#12292e" + } + ] + }, + { + "featureType": "poi", + "elementType": "all", + "stylers": [ + { + "visibility": "off" + } + ] + }, { "featureType": "poi", "elementType": "geometry", @@ -86,6 +221,27 @@ } ] }, + { + "featureType": "poi", + "elementType": "geometry.fill", + "stylers": [ + { + "color": "#6a1717" + }, + { + "visibility": "off" + } + ] + }, + { + "featureType": "poi", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, { "featureType": "poi", "elementType": "labels.text", @@ -100,7 +256,10 @@ "elementType": "labels.text.fill", "stylers": [ { - "color": "#6f9ba5" + "visibility": "on" + }, + { + "color": "#747a90" } ] }, @@ -109,7 +268,7 @@ "elementType": "labels.text.stroke", "stylers": [ { - "color": "#1d2c4d" + "visibility": "off" } ] }, @@ -148,6 +307,18 @@ } ] }, + { + "featureType": "road", + "elementType": "all", + "stylers": [ + { + "saturation": -100 + }, + { + "lightness": 45 + } + ] + }, { "featureType": "road", "elementType": "geometry", @@ -157,12 +328,54 @@ } ] }, + { + "featureType": "road", + "elementType": "geometry.fill", + "stylers": [ + { + "color": "#29313d" + } + ] + }, + { + "featureType": "road", + "elementType": "geometry.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "road", + "elementType": "labels.icon", + "stylers": [ + { + "color": "#ff0000" + }, + { + "visibility": "off" + } + ] + }, + { + "featureType": "road", + "elementType": "labels.text", + "stylers": [ + { + "color": "#7f8395" + } + ] + }, { "featureType": "road", "elementType": "labels.text.fill", "stylers": [ { - "color": "#98a5be" + "visibility": "on" + }, + { + "color": "#747a90" } ] }, @@ -171,7 +384,25 @@ "elementType": "labels.text.stroke", "stylers": [ { - "color": "#1d2c4d" + "visibility": "off" + } + ] + }, + { + "featureType": "road.arterial", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "road.highway", + "elementType": "all", + "stylers": [ + { + "visibility": "simplified" } ] }, @@ -193,6 +424,15 @@ } ] }, + { + "featureType": "road.highway", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, { "featureType": "road.highway", "elementType": "labels.text.fill", @@ -207,7 +447,7 @@ "elementType": "labels.text.stroke", "stylers": [ { - "color": "#023e58" + "visibility": "off" } ] }, @@ -220,6 +460,24 @@ } ] }, + { + "featureType": "transit", + "elementType": "all", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "transit", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, { "featureType": "transit", "elementType": "labels.text.fill", @@ -256,6 +514,18 @@ } ] }, + { + "featureType": "water", + "elementType": "all", + "stylers": [ + { + "color": "#46bcec" + }, + { + "visibility": "on" + } + ] + }, { "featureType": "water", "elementType": "geometry", @@ -265,12 +535,30 @@ } ] }, + { + "featureType": "water", + "elementType": "geometry.fill", + "stylers": [ + { + "color": "#243b5b" + } + ] + }, { "featureType": "water", "elementType": "labels.text.fill", "stylers": [ { - "color": "#4e6d70" + "color": "#747a90" + } + ] + }, + { + "featureType": "water", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" } ] } diff --git a/assets/maps_light_style.json b/assets/maps_light_style.json index fb92968..a0ffb9f 100644 --- a/assets/maps_light_style.json +++ b/assets/maps_light_style.json @@ -1,4 +1,58 @@ [ + { + "featureType": "administrative", + "elementType": "geometry.fill", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "administrative", + "elementType": "geometry.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "administrative", + "elementType": "labels.icon", + "stylers": [ + { + "color": "#4b5a90" + } + ] + }, + { + "featureType": "administrative", + "elementType": "labels.text.fill", + "stylers": [ + { + "color": "#72849f" + } + ] + }, + { + "featureType": "administrative", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "administrative.land_parcel", + "elementType": "all", + "stylers": [ + { + "visibility": "off" + } + ] + }, { "featureType": "administrative.land_parcel", "elementType": "labels", @@ -8,6 +62,141 @@ } ] }, + { + "featureType": "administrative.locality", + "elementType": "all", + "stylers": [ + { + "visibility": "on" + } + ] + }, + { + "featureType": "administrative.neighborhood", + "elementType": "all", + "stylers": [ + { + "visibility": "on" + } + ] + }, + { + "featureType": "all", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "landscape", + "elementType": "geometry.stroke", + "stylers": [ + { + "visibility": "on" + } + ] + }, + { + "featureType": "landscape", + "elementType": "labels.text.fill", + "stylers": [ + { + "color": "#747a90" + } + ] + }, + { + "featureType": "landscape", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "landscape.man_made", + "elementType": "geometry.fill", + "stylers": [ + { + "color": "#f8f8f9" + } + ] + }, + { + "featureType": "landscape.man_made", + "elementType": "geometry.stroke", + "stylers": [ + { + "visibility": "on" + }, + { + "color": "#555f6c" + }, + { + "weight": "3.27" + } + ] + }, + { + "featureType": "landscape.man_made", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "landscape.natural", + "elementType": "all", + "stylers": [ + { + "visibility": "on" + } + ] + }, + { + "featureType": "landscape.natural", + "elementType": "geometry.fill", + "stylers": [ + { + "visibility": "on" + }, + { + "color": "#cbeee1" + } + ] + }, + { + "featureType": "poi", + "elementType": "all", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "poi", + "elementType": "geometry.fill", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "poi", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, { "featureType": "poi", "elementType": "labels.text", @@ -17,6 +206,27 @@ } ] }, + { + "featureType": "poi", + "elementType": "labels.text.fill", + "stylers": [ + { + "visibility": "on" + }, + { + "color": "#747a90" + } + ] + }, + { + "featureType": "poi", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, { "featureType": "poi.business", "stylers": [ @@ -34,6 +244,114 @@ } ] }, + { + "featureType": "road", + "elementType": "all", + "stylers": [ + { + "saturation": -100 + }, + { + "lightness": 45 + } + ] + }, + { + "featureType": "road", + "elementType": "geometry.fill", + "stylers": [ + { + "color": "#c9d6eb" + } + ] + }, + { + "featureType": "road", + "elementType": "geometry.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "road", + "elementType": "labels.icon", + "stylers": [ + { + "color": "#ff0000" + }, + { + "visibility": "off" + } + ] + }, + { + "featureType": "road", + "elementType": "labels.text", + "stylers": [ + { + "color": "#7f8395" + } + ] + }, + { + "featureType": "road", + "elementType": "labels.text.fill", + "stylers": [ + { + "visibility": "on" + }, + { + "color": "#72849f" + } + ] + }, + { + "featureType": "road", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "road.arterial", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "road.highway", + "elementType": "all", + "stylers": [ + { + "visibility": "simplified" + } + ] + }, + { + "featureType": "road.highway", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "road.highway", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + }, { "featureType": "road.local", "elementType": "labels", @@ -43,379 +361,61 @@ } ] }, - { - "featureType": "all", - "elementType": "labels.text.stroke", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "administrative", - "elementType": "geometry.fill", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "administrative", - "elementType": "geometry.stroke", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "administrative", - "elementType": "labels.text.fill", - "stylers": [ - { - "color": "#72849f" - } - ] - }, - { - "featureType": "administrative", - "elementType": "labels.text.stroke", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "administrative", - "elementType": "labels.icon", - "stylers": [ - { - "color": "#4b5a90" - } - ] - }, - { - "featureType": "administrative.locality", - "elementType": "all", - "stylers": [ - { - "visibility": "on" - } - ] - }, - { - "featureType": "administrative.neighborhood", - "elementType": "all", - "stylers": [ - { - "visibility": "on" - } - ] - }, - { - "featureType": "administrative.land_parcel", - "elementType": "all", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "landscape", - "elementType": "geometry.stroke", - "stylers": [ - { - "visibility": "on" - } - ] - }, - { - "featureType": "landscape", - "elementType": "labels.text.fill", - "stylers": [ - { - "color": "#747a90" - } - ] - }, - { - "featureType": "landscape", - "elementType": "labels.text.stroke", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "landscape.man_made", - "elementType": "geometry.fill", - "stylers": [ - { - "color": "#f8f8f9" - } - ] - }, - { - "featureType": "landscape.man_made", - "elementType": "geometry.stroke", - "stylers": [ - { - "visibility": "on" - }, - { - "color": "#555f6c" - }, - { - "weight": "3.27" - } - ] - }, - { - "featureType": "landscape.man_made", - "elementType": "labels.icon", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "landscape.natural", - "elementType": "all", - "stylers": [ - { - "visibility": "on" - } - ] - }, - { - "featureType": "landscape.natural", - "elementType": "geometry.fill", - "stylers": [ - { - "visibility": "on" - }, - { - "color": "#cbeee1" - } - ] - }, - { - "featureType": "poi", - "elementType": "all", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "poi", - "elementType": "geometry.fill", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "poi", - "elementType": "labels.text.fill", - "stylers": [ - { - "visibility": "on" - }, - { - "color": "#747a90" - } - ] - }, - { - "featureType": "poi", - "elementType": "labels.text.stroke", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "poi", - "elementType": "labels.icon", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "road", - "elementType": "all", - "stylers": [ - { - "saturation": -100 - }, - { - "lightness": 45 - } - ] - }, - { - "featureType": "road", - "elementType": "geometry.fill", - "stylers": [ - { - "color": "#c9d6eb" - } - ] - }, - { - "featureType": "road", - "elementType": "geometry.stroke", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "road", - "elementType": "labels.text", - "stylers": [ - { - "color": "#7f8395" - } - ] - }, - { - "featureType": "road", - "elementType": "labels.text.fill", - "stylers": [ - { - "visibility": "on" - }, - { - "color": "#72849f" - } - ] - }, - { - "featureType": "road", - "elementType": "labels.text.stroke", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "road", - "elementType": "labels.icon", - "stylers": [ - { - "color": "#ff0000" - }, - { - "visibility": "off" - } - ] - }, - { - "featureType": "road.highway", - "elementType": "all", - "stylers": [ - { - "visibility": "simplified" - } - ] - }, - { - "featureType": "road.highway", - "elementType": "labels.text.stroke", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "road.highway", - "elementType": "labels.icon", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "road.arterial", - "elementType": "labels.icon", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "transit", - "elementType": "all", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "transit", - "elementType": "labels.icon", - "stylers": [ - { - "visibility": "off" - } - ] - }, - { - "featureType": "water", - "elementType": "all", - "stylers": [ - { - "color": "#46bcec" - }, - { - "visibility": "on" - } - ] - }, - { - "featureType": "water", - "elementType": "geometry.fill", - "stylers": [ - { - "color": "#95b2db" - } - ] - }, - { - "featureType": "water", - "elementType": "labels.text.fill", - "stylers": [ - { - "color": "#747a90" - } - ] - }, - { - "featureType": "water", - "elementType": "labels.text.stroke", - "stylers": [ - { - "visibility": "off" - } - ] - } + { + "featureType": "transit", + "elementType": "all", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "transit", + "elementType": "labels.icon", + "stylers": [ + { + "visibility": "off" + } + ] + }, + { + "featureType": "water", + "elementType": "all", + "stylers": [ + { + "color": "#46bcec" + }, + { + "visibility": "on" + } + ] + }, + { + "featureType": "water", + "elementType": "geometry.fill", + "stylers": [ + { + "color": "#95b2db" + } + ] + }, + { + "featureType": "water", + "elementType": "labels.text.fill", + "stylers": [ + { + "color": "#747a90" + } + ] + }, + { + "featureType": "water", + "elementType": "labels.text.stroke", + "stylers": [ + { + "visibility": "off" + } + ] + } ] \ No newline at end of file