Theme & Dark Mode

// Force dark mode
window.ansa.setTheme('dark');

// Force light mode
window.ansa.setTheme('light');

// Auto-detect from system preference
window.ansa.setTheme('system');

const theme = window.ansa.getTheme();
console.log(theme); // "light" | "dark" | "system"

// When user toggles dark mode on your website
document.getElementById('dark-mode-toggle').addEventListener('click', () => {
  const isDark = document.body.classList.toggle('dark');

  // Update Ansa widget to match
  if (window.ansa) {
    window.ansa.setTheme(isDark ? 'dark' : 'light');
  }
});

// Set widget theme based on your website's current theme
document.addEventListener('DOMContentLoaded', () => {
  if (window.ansa) {
    const websiteTheme = document.body.classList.contains('dark') ? 'dark' : 'light';
    window.ansa.setTheme(websiteTheme);
  }
});