m4n14ck/replit-clone-with-rainbow-theme

1// Initialize tooltips2document.addEventListener('DOMContentLoaded', () => {3    // Initialize any tooltips or popups4    console.log('Rainbow IDE loaded!');5    6    // Example: Add click handler for code copy buttons7    document.querySelectorAll('.copy-code').forEach(button => {8        button.addEventListener('click', () => {9            const codeBlock = button.parentElement.querySelector('code');10            navigator.clipboard.writeText(codeBlock.innerText);11            12            // Show feedback13            const originalText = button.innerHTML;14            button.innerHTML = '<i data-feather="check"></i> Copied!';15            setTimeout(() => {16                button.innerHTML = originalText;17                feather.replace();18            }, 2000);19        });20    });21    22    // Re-init feather icons after dynamic content loads23    feather.replace();24});25 26// Theme switcher example27function toggleTheme() {28    const html = document.documentElement;29    if (html.classList.contains('dark')) {30        html.classList.remove('dark');31        localStorage.setItem('theme', 'light');32    } else {33        html.classList.add('dark');34        localStorage.setItem('theme', 'dark');35    }36}37 38// Check for saved theme preference39if (localStorage.getItem('theme') === 'dark' || 40    (!localStorage.getItem('theme') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {41    document.documentElement.classList.add('dark');42}