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

ParameterDescription
theme.primaryColorColor value in Hex
theme.secondaryColorColor value in Hex
backgroundColorColor value in Hex. Default color #F0F2F5

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/lsw.js"></script>
<script>
    const params = {
        job: "myJob",
        token: "myToken",
        container: "#instaleap-lsw-v3",
        theme: {
            primaryColor: '#003865',
            secondaryColor: '#EF5B0C'
        },
        backgroundColor: '#FFFF05'
    }
    window.instaleap.lsw.render(params)
</script>
</html>

You will see the following content