Bricks Default Colors to a List

default-to-list.php

<?php 

add_action('get_footer', function(){

    if (!class_exists('Bricks\Capabilities')) {
            return;
        }
    if( !bricks_is_builder() ) return;

    ?>
<script>
;(()=>{

    function maybeSetColorsToList(element) {
        const trigger = element.querySelector('ul');
        const isTarget = trigger.classList.contains("color-palette") && trigger.classList.contains("grid");
        if(!isTarget){ return }

        /* Is in Grid mode click the switch */
        const mode_switch = element.querySelector('.label-actions > *:last-child');
        mode_switch.click();     
    }
    
    window.addEventListener('load', ()=>{
        const targetElement = document.querySelector('.bricks-panel');
        
        const observer = new MutationObserver((mutationsList, observer) => {
         /*console.log(mutationsList);*/
            for (const mutation of mutationsList) {
                if (mutation.type === 'childList') {
                    for (const addedNode of mutation.addedNodes) {
                        if (addedNode.classList && addedNode.classList.contains('bricks-control-popup')) {
                            maybeSetColorsToList(addedNode);
                        }
                    }
                }
            }
        });

        if(targetElement){
            observer.observe(targetElement, { attributes: true, childList: true, subtree: true });
        }
        
    })
})();
</script>
    <?php
});