packages/frontend/src/hooks/switch-theme.tsx

import { useEffect } from 'react';

import { useStore } from '@/store';

export function useSwitchTheme() {
  const config = useStore((state) => state.config);

  useEffect(() => {
    document.body.classList.remove('light');
    document.body.classList.remove('dark');
    if (config.theme === 'dark') {
      document.body.classList.add('dark');
    } else if (config.theme === 'light') {
      document.body.classList.add('light');
    }
  }, [config.theme]);
}