sofarr/client/src/ui/theme.js

// Copyright (c) 2026 Gordon Bolton. MIT License.

import { getTheme, saveTheme } from '../utils/storage.js';

// Apply saved theme immediately on load
(function applyTheme() {
  const theme = getTheme();
  if (theme) {
    document.documentElement.setAttribute('data-theme', theme);
  }
})();

export function initThemeSwitcher() {
  const themeToggle = document.getElementById('theme-toggle');
  if (!themeToggle) return;
  
  themeToggle.addEventListener('click', () => {
    const currentTheme = getTheme();
    const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
    setTheme(newTheme);
  });
}

export function setTheme(theme) {
  document.documentElement.setAttribute('data-theme', theme);
  saveTheme(theme);
}