twenty/packages/twenty-front/src/modules/ui/theme/components/UserThemeProviderEffect.tsx

import { useContext, useEffect } from 'react';

import { ThemeSchemeContext } from '@/ui/theme/components/BaseThemeProvider';
import { useColorScheme } from '../hooks/useColorScheme';

export const UserThemeProviderEffect = () => {
  const { colorScheme } = useColorScheme();
  const setThemeScheme = useContext(ThemeSchemeContext);

  useEffect(() => {
    setThemeScheme(colorScheme);
  }, [colorScheme, setThemeScheme]);

  return <></>;
};