From 87bbcae5e2f0b43ddc002819b9054aa80ac9fe86 Mon Sep 17 00:00:00 2001
From: CatsJuice <wp1298554944@hotmail.com>
Date: Mon, 16 Dec 2024 04:31:12 +0000
Subject: [PATCH] fix(component): mobile toast dark mode (#9142)

---
 .../src/ui/notification/mobile/notification-center.tsx       | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/frontend/component/src/ui/notification/mobile/notification-center.tsx b/packages/frontend/component/src/ui/notification/mobile/notification-center.tsx
index ce3e619be2..924a389653 100644
--- a/packages/frontend/component/src/ui/notification/mobile/notification-center.tsx
+++ b/packages/frontend/component/src/ui/notification/mobile/notification-center.tsx
@@ -1,8 +1,12 @@
+import { useTheme } from 'next-themes';
 import { Toaster } from 'sonner';
 
 import { sonner } from './styles.css';
 
 export function MobileNotificationCenter() {
+  const theme = useTheme();
+  const resolvedTheme = theme.resolvedTheme as 'light' | 'dark';
+
   return (
     <Toaster
       className={sonner}
@@ -13,6 +17,7 @@ export function MobileNotificationCenter() {
         top: 'calc(env(safe-area-inset-top) + 16px)',
         pointerEvents: 'auto',
       }}
+      theme={resolvedTheme}
     />
   );
 }