re-run media functon when core framework changes theme color

footer-scripts.html

<script>

document.addEventListener('DOMContentLoaded', () => {
    
    function reinitializeMediaPlayers() {
        // Re-run the media player initialization function
        if (typeof window.doExtrasMediaPlayer === 'function') {
            window.doExtrasMediaPlayer(document);
        }
    }
    
    function setupCoreFrameworkThemeDetection() {
        // Create a MutationObserver to watch for Core Framework theme class changes
        const observer = new MutationObserver((mutations) => {
            mutations.forEach((mutation) => {
                if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
                    const htmlElement = mutation.target;
                    
                    // Check if Core Framework theme classes changed
                    if (htmlElement.classList.contains('cf-theme-light') || 
                        htmlElement.classList.contains('cf-theme-dark')) {
                        
                        setTimeout(() => {
                            reinitializeMediaPlayers();
                        }, 50);
                    }
                }
            });
        });
        
        observer.observe(document.documentElement, { 
            attributes: true, 
            attributeFilter: ['class']
        });
    }
    
    setTimeout(setupCoreFrameworkThemeDetection, 0);
});

</script>