Payment dialog customization

To a certain extent, the Fliqa's payment dialog can be customized with CSS.

Link a custom CSS stylesheet

<script>
    function executePayment() {
        fliqaComponent().then(fliqa => {
            fliqa.pay({
                ...
                data: {
                    tenantCssUrl: "https://demo.fliqa.io/css/alternative.css",
                    ...
                    payment: {
                       ...
                    }
                }
            });
        });
    }
</script>

Example CSS

Add your custom CSS styles into the referenced CSS file.

:root{
    --backgroundColor: #c9f0ed;
    --headerBackgroundColor: #c9f0ed;
}