Customize toast theme and settings

Open Q&A
1

I am using the courier script https://components.courier.com/v5.1.1.js. I want to edit the toast and inbox settings. I used this code for it.

    window.courierConfig = {
        clientKey: 'clientKey',
        userId: 'userId',
        components: {
            inbox: {
                title: 'Notifications',
                isOpen: true,
                appendTo: '.test',
                theme: theme,
                showUnreadMessageCount: false,
            },
            toast: {
                autoClose: true,
                hideProgressBar: true,
            },
        },
    };

The inbox styling and settings are correct now and working. But the toast settings haven’t any affect. Can somebody tell me how to change the settings and theme of the toast? Mayby with an example