From bd7fa18cb1c556af168b5e70bde06b1f85802f7b Mon Sep 17 00:00:00 2001
From: iamacook <aaron@safe.global>
Date: Mon, 13 Nov 2023 16:46:38 +0100
Subject: [PATCH] fix: badge colour

---
 src/components/dashboard/Recovery/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/dashboard/Recovery/index.tsx b/src/components/dashboard/Recovery/index.tsx
index 3e55e2c52c..ec5e5faa8d 100644
--- a/src/components/dashboard/Recovery/index.tsx
+++ b/src/components/dashboard/Recovery/index.tsx
@@ -3,10 +3,13 @@ import type { ReactElement } from 'react'
 
 import RecoveryLogo from '@/public/images/common/recovery.svg'
 import { WidgetBody, WidgetContainer } from '@/components/dashboard/styled'
+import { useDarkMode } from '@/hooks/useDarkMode'
 
 import css from './styles.module.css'
 
 export function Recovery(): ReactElement {
+  const isDarkMode = useDarkMode()
+
   const onClick = () => {
     // TODO: Open enable recovery flow
   }
@@ -28,7 +31,7 @@ export function Recovery(): ReactElement {
                 <Typography variant="h4" className={css.title}>
                   Introducing account recovery{' '}
                 </Typography>
-                <Chip label="New" color="primary" size="small" className={css.chip} />
+                <Chip label="New" color={isDarkMode ? 'primary' : 'secondary'} size="small" className={css.chip} />
               </Box>
               <Typography mt={1} mb={3}>
                 Ensure that you never lose access to your funds by choosing a guardian to recover your account.