search

dcfemtech / hackforgood-waba-map

DCFemTech Hack for Good 2016 - WABA Bike Map Project
MIT License
10 stars 9 forks source link

Design change: light blue buffer > light green #116

Closed WABA-Comms closed 8 years ago

WABA-Comms commented 8 years ago

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 commented 8 years ago

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:

screenshot 2016-09-02 13 57 23

mdelcambre commented 8 years ago

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).

image

alulsh commented 8 years ago

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!