알림팝업 전체닫기 오류 수정

frontend/src/App.tsx

@@ -88,6 +88,7 @@ import LoginModal from './components/LoginModal';
 import SplashScreen from './components/SplashScreen';
 import { getAuthSession, setAuthSession, clearAuthSession, type AuthSession } from './utils/auth';
 import { isAppEntered, setAppEntered, clearAppEntered } from './utils/appEntry';
+import { syncDocumentTheme } from './utils/documentTheme';
 import { useMenuPermissions, invalidateMenuPermissionsCache } from './hooks/useMenuPermissions';
 import { firstAllowedTopMenu, normalizeRole } from './utils/permissions';
 import { clearAdminUnlock } from './utils/adminUnlock';
@@ -991,6 +992,11 @@ function App() {
     saveState({ symbol, timeframe, chartType, theme, indicators, watchlist, alertPrices: alerts.map(a => a.price) });
   }, [symbol, timeframe, chartType, theme, indicators, watchlist, alerts]);
 
+  // body 포털(알림 팝업 등) 테마 CSS 변수 동기화
+  useEffect(() => {
+    syncDocumentTheme(theme);
+  }, [theme]);
+
   // ── DB 워크스페이스 동기화 ─────────────────────────────────────────────
   const workspaceState = useMemo(() => ({
     layoutId: layoutDef.id,
@@ -1483,6 +1489,7 @@ function App() {
 
       {menuPage === 'paper' && (
         <PaperTradingPage
+          theme={theme}
           tickers={marketTickers}
           refreshKey={paperRefreshKey}
           defaultMarket={symbol}