0 count is white color and added to legend

Author: rhansolo

src/Legend.svelte

@@ -109,6 +109,13 @@
       </p>
       <p>Decreasing</p>
     </div>
+  {:else if $currentSensor.match(/num/)}
+    <p>{high ? high + '+' : ''}</p>
+    <div
+      class="legend-bar"
+      style="background: linear-gradient(to top, {DIRECTION_THEME.countMin} 2% ,{DIRECTION_THEME.gradientMin} 2%, {DIRECTION_THEME.gradientMiddle}
+      51%, {DIRECTION_THEME.gradientMax} 100%)" />
+    <p>{low}</p>
   {:else}
     <p>{high ? high + '+' : ''}</p>
     <div

src/MapBox.svelte

@@ -430,15 +430,15 @@
       valueMinMax[0] = Math.max(0, valueMinMax[0]);
       let center = valueMinMax[0] + (valueMinMax[1] - valueMinMax[0]) / 2;
 
-      if ($currentSensor.match(/num/)) {
+      if ($currentSensor.match(/num/) || $currentSensor.match(/prop/)) {
         stops = [
-          [0, DIRECTION_THEME.deathMin],
+          [0, DIRECTION_THEME.countMin],
           [valueMinMax[0], DIRECTION_THEME.gradientMin],
           [center, DIRECTION_THEME.gradientMiddle],
           [valueMinMax[1], DIRECTION_THEME.gradientMax],
         ];
         stopsMega = [
-          [0, DIRECTION_THEME.deathMin],
+          [0, DIRECTION_THEME.countMin],
           [valueMinMax[0], DIRECTION_THEME.gradientMinMega],
           [center, DIRECTION_THEME.gradientMiddleMega],
           [valueMinMax[1], DIRECTION_THEME.gradientMaxMega],

src/theme.js

@@ -14,7 +14,7 @@ export const DIRECTION_THEME = {
   steadyIcon: '▬',
   decreasingIcon: '▼',
   max: color_high,
-  deathMin: '#F2F2F2',
+  countMin: '#F2F2F2',
   gradientMin: color_low,
   gradientMiddle: color_medium,
   gradientMax: color_high,