Design change: light blue buffer > light green

[WABA-Comms]

Please change grey buffer color to light green

The following css style can be added / modified for color adjustments: .leaflet-zoom-animated > g > path { fill: lightgreen; fill-opacity: 0.3; }

[alulsh]

Please change grey buffer color to light green

Whoops, right now the buffers are light blue and set in lines 203-207 of site.js - https://github.com/dcfemtech/hackforgood-waba-map/blob/master/site.js#L203-L207.

        paint: {
            'fill-outline-color': '#1A3742',
            'fill-color': '#56B6DB',
            'fill-opacity': 0.5
        }

lightgreen is http://www.color-hex.com/color/90ee90 or #90ee90 - is this the color you want @nellepierson?

Attaching a screenshot of what it looks like:

[mdelcambre]

I hadn't seen that @alulsh had replied before pushing my branch.

I went a shade darker than light green (#7bea7b), implemented the 30% opacity instead of 50% and made sure that the lanes were above the buffers so they didn't get lighter (as shown in the screenshot).

[alulsh]

Merged https://github.com/dcfemtech/hackforgood-waba-map/pull/126 so going to close this issue for now.

@nellepierson - if you want to make any further color changes, feel free to re-open and add another comment!