hover states for icons

Author: hiddewie

proxy/js/styles.mjs

@@ -1092,8 +1092,18 @@ const imageLayerWithOutline = (id, spriteExpression, layer) => [
     id: `${id}_outline`,
     ...layer,
     paint: {
-      'icon-halo-color': 'white',
-      'icon-halo-width': 2.0,
+      'icon-halo-color': ['case',
+        ['boolean', ['feature-state', 'hover'], false], colors.hover.textHalo,
+        'white',
+      ],
+      'icon-halo-blur': ['case',
+        ['boolean', ['feature-state', 'hover'], false], 1.0,
+        0.0,
+      ],
+      'icon-halo-width': ['case',
+        ['boolean', ['feature-state', 'hover'], false], 3.0,
+        2.0,
+      ],
     },
     layout: {
       ...(layer.layout || {}),