From a7fa7c86073eafcd21ac10c8ad74759681678709 Mon Sep 17 00:00:00 2001
From: IsaccoSordo <isacco.sordo@gmail.com>
Date: Thu, 30 Jan 2025 15:02:51 +0100
Subject: [PATCH] fix: color mode

---
 packages/beacon-ui/src/ui/alert/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/beacon-ui/src/ui/alert/index.tsx b/packages/beacon-ui/src/ui/alert/index.tsx
index 7f63443f9..96a6823a9 100644
--- a/packages/beacon-ui/src/ui/alert/index.tsx
+++ b/packages/beacon-ui/src/ui/alert/index.tsx
@@ -4,6 +4,7 @@ import { Subject, Subscription } from '../../utils/subject'
 import { AlertConfig, ConfigurableAlertProps } from '../common'
 import PairingAlert from './components/pairing-alert'
 import InfoAlert from './components/info-alert'
+import { getColorMode } from 'src/utils/colorMode'
 
 let initDone: boolean = false
 const show$ = new Subject<boolean>()
@@ -78,7 +79,7 @@ const AlertRoot = (props: AlertConfig) => {
     )
   }
 
-  return <>{mount && <Alert />}</>
+  return <div className={`theme__${getColorMode()}`}>{mount && <Alert />} </div>
 }
 
 export { openAlert, closeAlert, closeAlerts }