UserCentrics Web CMP v2 custom styling

cookie-banner-style.js

/*
Implmement custom styling for UserCentrics Web CMP v2
*/
const setCookieStyle = (step) => {
    // stop checking for the usercentrics root after 5 seconds
    if (step >= 5 * 60) return;
    
    // if the usercentrics root isn't in place yet, check again after 1/60 second.
    if (!document.getElementById('usercentrics-root')) {
        setTimeout(() => setCookieStyle(step + 1), 16);
        return;
    }
    // add styling to usercentics shadow root
    document.getElementById('usercentrics-root').shadowRoot.appendChild((() => {
        const style = document.createElement('style');
        style.textContent = `
            /* Insert custom CSS styles here */
            /* example: set button background */
            [data-testid="uc-footer"] button { 
                 background: black !important 
            }
        `;
        return style;
    })());
}
setCookieStyle(0);