Migrate to a monorepo structure (#2909)

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

@@ -0,0 +1,23 @@
+import { ThemeProvider } from '@emotion/react';
+
+import { darkTheme, lightTheme } from '@/ui/theme/constants/theme';
+
+import { useColorScheme } from '../hooks/useColorScheme';
+import { useSystemColorScheme } from '../hooks/useSystemColorScheme';
+
+type AppThemeProviderProps = {
+  children: JSX.Element;
+};
+
+export const AppThemeProvider = ({ children }: AppThemeProviderProps) => {
+  const systemColorScheme = useSystemColorScheme();
+
+  const { colorScheme } = useColorScheme();
+
+  const computedColorScheme =
+    colorScheme === 'System' ? systemColorScheme : colorScheme;
+
+  const theme = computedColorScheme === 'Dark' ? darkTheme : lightTheme;
+
+  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
+};