Colors

You can change the default colors used in the application by setting de primary and secondary colors.

You can customize the color for the main background by setting the "backgroundColor" attribute of the configuration object.

The colors configuration are being set in the "theme" attribute of the configuration object.

Specific configuration 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”

Usage Example

<!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

You will see the following content

Updated 28 days ago