Colors

Parameters for configuring the default colors used in the application by setting the primary and secondary colors, customize the color of the main background

Implementation



Available parameters

Parameter LibParameter WebDescription
theme.primaryColorprimaryColorUsed 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.secondaryColorsecondaryColorUsed to change the secondary color of the content. Color in hexadecimal representation, but using URL Encoding.
Color value : #EF5B0C
URL query string value: “%23EF5B0C”
backgroundColorbackgroundColorUsed 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.