From 3839a2e8b16911866cfc25e64dce9cb36d7c5c93 Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Thu, 13 Mar 2025 17:22:24 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20improve=20contrast=20o?=
 =?UTF-8?q?f=20Beta=20icon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The colors of the Beta icon were not contrasted
enough. This was posing an accessibility issue.
We now use a more contrasted color.
---
 .../apps/impress/src/features/header/components/Title.tsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/apps/impress/src/features/header/components/Title.tsx b/src/frontend/apps/impress/src/features/header/components/Title.tsx
index 19393b34..fcfcb915 100644
--- a/src/frontend/apps/impress/src/features/header/components/Title.tsx
+++ b/src/frontend/apps/impress/src/features/header/components/Title.tsx
@@ -8,7 +8,6 @@ export const Title = () => {
   const { t } = useTranslation();
   const theme = useCunninghamTheme();
   const spacings = theme.spacingsTokens();
-  const colors = theme.colorsTokens();
 
   return (
     <Box $direction="row" $align="center" $gap={spacings['2xs']}>
@@ -36,7 +35,8 @@ export const Title = () => {
         `}
         $width="40px"
         $height="16px"
-        $background={colors['primary-200']}
+        $background="#ECECFF"
+        $color="#5958D3"
       >
         BETA
       </Text>