fix: color mode

airgap-it · Jan 30, 2025 · a7fa7c8 · a7fa7c8
1 parent d3cacfc
commit a7fa7c8
Showing 1 changed file with 2 additions and 1 deletion.
diff --git 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 }