<!-- BEGIN COPY / PASTE -->
    <button id="theme-toggle" class="p-2 bg-gray-200 dark:bg-gray-800 text-black dark:text-white">
      Toggle Dark Mode
    </button>

    <script>
      const toggleButton = document.getElementById('theme-toggle');
      const rootElement = document.documentElement;

      toggleButton.addEventListener('click', () => {
        if (rootElement.classList.contains('dark')) {
          rootElement.classList.remove('dark');
          localStorage.setItem('theme', 'light');
        } else {
          rootElement.classList.add('dark');
          localStorage.setItem('theme', 'dark');
        }
      });

      // Initialize theme based on localStorage
      if (localStorage.getItem('theme') === 'dark') {
        rootElement.classList.add('dark');
      }
    </script>
    <!-- END COPY / PASTE -->