From ac9ccbc2b58eb5e0d104ac5a67ae71649a68adb1 Mon Sep 17 00:00:00 2001
From: Marie <51697796+ijreilly@users.noreply.github.com>
Date: Wed, 17 Apr 2024 16:54:03 +0200
Subject: [PATCH] [fix] Fix dark mode (#5008)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Context
Fixing broken dark mode
<img width="826" alt="Capture d’écran 2024-04-17 à 15 50 39"
src="https://github.com/twentyhq/twenty/assets/51697796/94df50bd-5b43-4def-a39d-268a10ac560a">

## How was it tested
Locally
Test of dark mode on storybook is added on another PR
---
 .../modules/error-handler/components/AppErrorBoundary.tsx  | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/twenty-front/src/modules/error-handler/components/AppErrorBoundary.tsx b/packages/twenty-front/src/modules/error-handler/components/AppErrorBoundary.tsx
index eb80049a9..8f38b9e8e 100644
--- a/packages/twenty-front/src/modules/error-handler/components/AppErrorBoundary.tsx
+++ b/packages/twenty-front/src/modules/error-handler/components/AppErrorBoundary.tsx
@@ -1,7 +1,6 @@
 import { ErrorInfo, ReactNode } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
-import { ThemeProvider } from '@emotion/react';
-import { THEME_LIGHT } from 'twenty-ui';
+import { ThemeProvider, useTheme } from '@emotion/react';
 
 import { GenericErrorFallback } from '@/error-handler/components/GenericErrorFallback';
 
@@ -10,8 +9,10 @@ export const AppErrorBoundary = ({ children }: { children: ReactNode }) => {
     // TODO: log error to Sentry
   };
 
+  const theme = useTheme();
+
   return (
-    <ThemeProvider theme={THEME_LIGHT}>
+    <ThemeProvider theme={theme}>
       <ErrorBoundary
         FallbackComponent={GenericErrorFallback}
         onError={handleError}