// Theme Toggle Logic document.addEventListener('DOMContentLoaded', () => { const themeToggleBtn = document.getElementById('theme-toggle'); const htmlElement = document.documentElement; // Check local storage or system preference const savedTheme = localStorage.getItem('theme'); const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches; if (savedTheme === 'dark' || (!savedTheme && systemPrefersDark)) { htmlElement.classList.add('dark'); } else { htmlElement.classList.remove('dark'); } themeToggleBtn.addEventListener('click', () => { htmlElement.classList.toggle('dark'); // Save preference if (htmlElement.classList.contains('dark')) { localStorage.setItem('theme', 'dark'); } else { localStorage.setItem('theme', 'light'); } // Re-initialize feather icons to update sun/moon state correctly feather.replace(); }); // Button Interaction (Joke) const evictBtn = document.querySelector('button'); if(evictBtn) { evictBtn.addEventListener('click', () => { alert('Error: Operation not permitted. Process is locked in memory.'); }); } });