script.js

// Check and apply saved theme preference on page load
document.addEventListener('DOMContentLoaded', () => {
  const savedTheme = localStorage.getItem('theme');
  if (savedTheme === 'dark') {
    document.body.classList.add('dark-mode');
  }
});

// Theme toggle functionality
document.getElementById('theme-toggle').addEventListener('click', function() {
  document.body.classList.toggle('dark-mode');
  // Save the current theme preference
  if (document.body.classList.contains('dark-mode')) {
    localStorage.setItem('theme', 'dark');
  } else {
    localStorage.setItem('theme', 'light');
  }
});

// Smooth scrolling for internal links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  anchor.addEventListener('click', function(e) {
    e.preventDefault();
    document.querySelector(this.getAttribute('href')).scrollIntoView({
      behavior: 'smooth'
    });
  });
});

function changelog() {
	const modal = document.getElementById('changelog-modal');
	modal.style.display = 'flex';
}

function closeChangelog() {
	const modal = document.getElementById('changelog-modal');
	modal.style.display = 'none';
}

function extension() {
	const modal = document.getElementById('extension-modal');
	modal.style.display = 'flex';
}

function closeExtension() {
	const modal = document.getElementById('extension-modal');
	modal.style.display = 'none';
}