Showcase Code Seamlessly On Your Elementor Website

// Dark mode toggle with Local Storage
const toggleTheme = () => {
  const body = document.body;
  body.classList.toggle('dark');
  if (body.classList.contains('dark')) {
    localStorage.setItem('theme', 'dark');
  } else {
    localStorage.setItem('theme', 'light');
  }
};

// On load, check saved theme
window.onload = () => {
  const theme = localStorage.getItem('theme');
  if (theme === 'dark') {
    document.body.classList.add('dark');
  }
};

// Example: connect to a button
document.getElementById('themeToggle').addEventListener('click', toggleTheme);