From aa8c7203ee5bf6a266c95ec51c608d51bafac492 Mon Sep 17 00:00:00 2001 From: Pieter Vander Vennet Date: Tue, 15 Apr 2025 12:08:27 +0200 Subject: [PATCH] UX: increase contrast of protomaps sunny to use in sunny conditions --- public/assets/sunny.json | 283 ++++++++++++++++++++++++++++++++++----- 1 file changed, 251 insertions(+), 32 deletions(-) diff --git a/public/assets/sunny.json b/public/assets/sunny.json index d106b5058..4c114c1fc 100644 --- a/public/assets/sunny.json +++ b/public/assets/sunny.json @@ -599,9 +599,8 @@ "river" ], [ - "<", - "level", - 0 + "has", + "is_tunnel" ] ], "layout": { @@ -673,9 +672,8 @@ "filter": [ "all", [ - "<", - "level", - 0 + "has", + "is_tunnel" ], [ "in", @@ -702,6 +700,98 @@ ] } }, + { + "id": "roads_tunnels_footway_casing_outer", + "type": "line", + "source": "protomaps", + "source-layer": "roads", + "filter": [ + "all", + [ + "has", + "is_tunnel" + ], + [ + "!has", + "is_bridge" + ], + [ + "in", + "kind", + "other", + "path" + ], + [ + "in", + "kind_detail", + "footway", + "cycleway" + ] + ], + "paint": { + "line-color": "#888888", + "line-width": [ + "interpolate", + [ + "exponential", + 1.6 + ], + [ + "zoom" + ], + 14, + 0, + 20, + 9 + ] + } + }, + { + "id": "roads_tunnels_footway_casing_inner", + "type": "line", + "source": "protomaps", + "source-layer": "roads", + "filter": [ + "all", + [ + "has", + "is_tunnel" + ], + [ + "!has", + "is_bridge" + ], + [ + "in", + "kind", + "other", + "path" + ], + [ + "in", + "kind_detail", + "footway", + "cycleway" + ] + ], + "paint": { + "line-color": "#ffffff", + "line-width": [ + "interpolate", + [ + "exponential", + 1.6 + ], + [ + "zoom" + ], + 14, + 0, + 20, + 8 + ] + } + }, { "id": "roads_tunnels_minor_casing", "type": "line", @@ -710,9 +800,8 @@ "filter": [ "all", [ - "<", - "level", - 0 + "has", + "is_tunnel" ], [ "==", @@ -768,9 +857,8 @@ "filter": [ "all", [ - "<", - "level", - 0 + "has", + "is_tunnel" ], [ "==", @@ -824,9 +912,8 @@ "filter": [ "all", [ - "<", - "level", - 0 + "has", + "is_tunnel" ], [ "==", @@ -880,9 +967,8 @@ "filter": [ "all", [ - "<", - "level", - 0 + "has", + "is_tunnel" ], [ "==", @@ -943,15 +1029,24 @@ "filter": [ "all", [ - "<", - "level", - 0 + "has", + "is_tunnel" ], [ "in", "kind", "other", "path" + ], + [ + "!=", + "kind_detail", + "footway" + ], + [ + "!=", + "kind_detail", + "cycleway" ] ], "paint": { @@ -976,6 +1071,96 @@ ] } }, + { + "id": "roads_tunnels_footway", + "type": "line", + "source": "protomaps", + "source-layer": "roads", + "filter": [ + "all", + [ + "has", + "is_tunnel" + ], + [ + "in", + "kind", + "other", + "path" + ], + [ + "==", + "kind_detail", + "footway" + ] + ], + "paint": { + "line-color": "#d46710", + "line-dasharray": [ + 4, + 1 + ], + "line-width": [ + "interpolate", + [ + "exponential", + 1.6 + ], + [ + "zoom" + ], + 14, + 0, + 20, + 5 + ] + } + }, + { + "id": "roads_tunnels_cycleway", + "type": "line", + "source": "protomaps", + "source-layer": "roads", + "filter": [ + "all", + [ + "has", + "is_tunnel" + ], + [ + "in", + "kind", + "other", + "path" + ], + [ + "==", + "kind_detail", + "cycleway" + ] + ], + "paint": { + "line-color": "#6099c9", + "line-dasharray": [ + 4, + 1 + ], + "line-width": [ + "interpolate", + [ + "exponential", + 1.6 + ], + [ + "zoom" + ], + 14, + 0, + 20, + 5 + ] + } + }, { "id": "roads_tunnels_minor", "type": "line", @@ -984,9 +1169,8 @@ "filter": [ "all", [ - "<", - "level", - 0 + "has", + "is_tunnel" ], [ "==", @@ -1024,9 +1208,8 @@ "filter": [ "all", [ - "<", - "level", - 0 + "has", + "is_tunnel" ], [ "==", @@ -1062,9 +1245,8 @@ "filter": [ "all", [ - "<", - "level", - 0 + "has", + "is_tunnel" ], [ "==", @@ -1244,7 +1426,20 @@ "source-layer": "buildings", "paint": { "fill-color": "#cccccc", - "fill-opacity": 0.5 + "fill-opacity": 0.7, + "fill-outline-color": [ + "interpolate", + [ + "linear" + ], + [ + "zoom" + ], + 15, + "#cccccc", + 18, + "#aaaaaa" + ] } }, { @@ -1363,7 +1558,21 @@ ] ], "paint": { - "line-color": "#e0e0e0", + "line-color": [ + "interpolate", + [ + "linear" + ], + [ + "zoom" + ], + 12, + "#dddddd", + 14, + "#aaaaaa", + 18, + "#888888" + ], "line-gap-width": [ "interpolate", [ @@ -2956,6 +3165,16 @@ "kind", "other", "path" + ], + [ + "!=", + "kind_detail", + "cycleway" + ], + [ + "!=", + "kind_detail", + "footway" ] ], "paint": {