Origin - WCAG 2.0 Contrast Level AA - V2 Log in to Favorite
Elias
November 21, 2017
1426 views
3 favorites
Updated styles for Origin Christmas Lights microsite, adapted to comply with WCAG 2.0 Contrast requirements (Level AA).
SPONSORED BY
Create a map with this style using Atlist →
Atlist is the easy way to create maps with multiple markers.
JavaScript Style Array:
[{"featureType":"all","elementType":"all","stylers":[{"invert_lightness":true},{"saturation":10},{"lightness":30},{"gamma":0.5},{"color":"#000000"}]},{"featureType":"administrative.country","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"administrative.province","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"administrative.locality","elementType":"all","stylers":[{"visibility":"on"},{"color":"#f36d00"}]},{"featureType":"administrative.locality","elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},{"featureType":"administrative.neighborhood","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"administrative.land_parcel","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"administrative.land_parcel","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#210a0a"}]},{"featureType":"landscape","elementType":"all","stylers":[{"visibility":"off"},{"color":"#0fc6c6"}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"visibility":"on"}]},{"featureType":"landscape","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#1a1a1e"}]},{"featureType":"landscape","elementType":"labels.text.fill","stylers":[{"visibility":"off"}]},{"featureType":"landscape.man_made","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"landscape.man_made","elementType":"geometry.fill","stylers":[{"visibility":"off"}]},{"featureType":"landscape.natural","elementType":"all","stylers":[{"saturation":"100"},{"color":"#121228"}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"labels.text","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"all","stylers":[{"visibility":"on"},{"saturation":"100"},{"lightness":"-25"},{"color":"#212138"}]},{"featureType":"road","elementType":"geometry.fill","stylers":[{"color":"#292929"},{"visibility":"on"}]},{"featureType":"road","elementType":"geometry.stroke","stylers":[{"visibility":"on"},{"saturation":"-35"},{"color":"#26262c"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"visibility":"off"},{"saturation":"-31"},{"lightness":"-10"},{"hue":"#1600ff"}]},{"featureType":"road","elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"color":"#212138"}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"visibility":"on"}]},{"featureType":"road.highway","elementType":"labels","stylers":[{"visibility":"off"},{"color":"#f36d00"}]},{"featureType":"road.highway","elementType":"labels.text","stylers":[{"visibility":"on"},{"lightness":"-100"},{"color":"#f36d00"}]},{"featureType":"road.highway","elementType":"labels.text.fill","stylers":[{"color":"#78768d"},{"visibility":"on"},{"lightness":"-40"},{"gamma":"1"}]},{"featureType":"road.highway","elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},{"featureType":"road.arterial","elementType":"all","stylers":[{"color":"#212138"},{"visibility":"on"}]},{"featureType":"road.arterial","elementType":"labels.text.fill","stylers":[{"visibility":"on"},{"color":"#78768d"},{"lightness":"-40"},{"gamma":"1"}]},{"featureType":"road.local","elementType":"all","stylers":[{"visibility":"on"},{"color":"#212138"},{"saturation":"0"},{"lightness":"0"}]},{"featureType":"road.local","elementType":"labels.text.fill","stylers":[{"color":"#78768d"},{"visibility":"on"},{"weight":"1"},{"lightness":"-40"}]},{"featureType":"transit","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#3a375a"}]}]