Colors

Implementation

Available parameters

Parameter Lib	Parameter Web	Description
theme.primaryColor	primaryColor	Used to change the primary color of the content. Color in hexadecimal representation, but using URL Encoding. Color value : #003865 URL query string value: “%23003865”
theme.secondaryColor	secondaryColor	Used to change the secondary color of the content. Color in hexadecimal representation, but using URL Encoding. Color value : #EF5B0C URL query string value: “%23EF5B0C”
backgroundColor	backgroundColor	Used to change the background color of the main content. Color in hexadecimal representation, but using URL Encoding. Default : #F0F2F5 Color value : #EF5B0C URL query string value: “%23EF5B0C”

Code

<!DOCTYPE html>
<head>
    <title>LSW v3 Embed</title>
</head>
<body>
    <div id="instaleap-lsw-v3"></div>
</body>

<script src="https://xandar-lsw-v3.instaleap.io/lib/steps.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        theme: {
            primaryColor: '#003865',
            secondaryColor: '#EF5B0C'
        },
        backgroundColor: '#FFFF05'
    }
    window.instaleap.steps.render(params)
</script>
</html>

https://xandar-lsw-v3.instaleap.io/steps?job=myJob&token=myToken&primaryColor=%23003865&secondaryColor=%23EF5B0C&backgroundColor=%23FFFF05

Demo

🤓
NOTE: Please do not modify the Demo, this is a visual aid.