Can the swipe bar be darkened from the hosted template using AGO assistant?

[nenge]

I've been doing minor tweaks through the JSON via ago-assistant, and one of the requests am getting is whether its possible to override the default colour of the swipe bar?

{ "values": { "webmaps": [ "b5635869f3aa4feb9b5a4c30a8fbddd7", "dadf0fdf122b452988604ce1a7931106" ], "webmap": "dadf0fdf122b452988604ce1a7931106", "labels": false, "layout": "swipe", "dataModel": "TWO_WEBMAPS", "layers": [ null ], "legend": true, "description": true, "popup": true, "series": false, "locationSearch": true, "geolocator": true, "popupColors": [ "00a651", "1560a5" ], "popupTitles": [ "After December 19", "Prior to December 19" ], "template": "Swipe", "templateCreation": "1.9.1", "templateLastEdit": "1.9.3", "colors": "#1560a5;#fff", "headerLinkText": "<span>A story map</span><style>g#mapDiv_graphics_layer path { fill-opacity: 0.1; fill: rgba(0, 0, 0, 0); stroke: rgba(255, 140, 0, 0.84); stroke-width: 2; }</style>", "headerLinkURL": "", "logoURL": "data:image/png;base64,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", "logoTarget": "", "social": { "facebook": false, "twitter": false, "bitly": false }, "title": "Bus Service Changes Effective December 19th", "subtitle": "Evergreen Means Go", "sidePanelDescription": "<div><div style=\"text-align: center;\"><span style=\"font-family: helvetica;\">Th</span><span style=\"font-family: helvetica;\">e Evergreen Extension is now open, connecting VCC–Clark Station to Lafarge Lake–Douglas Station with six new Millennium Line stations. On December 19 the bus network will change to provide better connections to the Evergreen Extension.&nbsp;</span></div><font face=\"helvetica\"><div style=\"text-align: center;\">&nbsp;</div><div style=\"text-align: center;\">Check <a href=\"http://tripplanning.translink.ca/\" title=\"\" target=\"_blank\">Trip Planner</a>&nbsp;to map your route using Dec. 19 or later as your travel date or view the changes on the map.</div>&nbsp;<br><div style=\"text-align: center;\"><b><u>How to Use the Map</u></b></div><ul><li>Click and drag the slider bar left and right to compare the current network map with the new changes that are in effect December 19.&nbsp;<br></li><li>Use the “+/-“ buttons, or your scroll-wheel to zoom in/out.</li><li>Click and drag to navigate around the map.&nbsp;<br></li><li><font face=\"helvetica\">Click on your route to highlight it.</font></li></ul></font></div>" } }

[ssylvia]

The swipe bar color cannot be changed through the builder or the AGO assistant. Instead, you will need to download the app code and customize the CSS.