From 3d370e5714dda0e7a17fc3fe7c4b9c540663b938 Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Fri, 5 Jul 2024 18:39:06 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20darken=20the=20backgro?=
 =?UTF-8?q?und=20as=20the=20mockup?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Darken the background as the mockup to make the
elements more visible.
---
 src/frontend/apps/impress/src/layouts/MainLayout.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/frontend/apps/impress/src/layouts/MainLayout.tsx b/src/frontend/apps/impress/src/layouts/MainLayout.tsx
index a28d504f..0942b76d 100644
--- a/src/frontend/apps/impress/src/layouts/MainLayout.tsx
+++ b/src/frontend/apps/impress/src/layouts/MainLayout.tsx
@@ -1,8 +1,11 @@
 import { Box } from '@/components';
+import { useCunninghamTheme } from '@/cunningham';
 import { Footer } from '@/features/footer/Footer';
 import { HEADER_HEIGHT, Header } from '@/features/header';
 
 export function MainLayout({ children }: { children: React.ReactNode }) {
+  const { colorsTokens } = useCunninghamTheme();
+
   return (
     <Box>
       <Box $height="100vh">
@@ -12,6 +15,7 @@ export function MainLayout({ children }: { children: React.ReactNode }) {
             as="main"
             $height={`calc(100vh - ${HEADER_HEIGHT})`}
             $width="100%"
+            $background={colorsTokens()['primary-bg']}
           >
             {children}
           </Box>