样式修改

frontend-web/src/contexts/ThemeContext.tsx

@@ -184,6 +184,21 @@ export const ThemeProvider: React.FC<ThemeProviderProps> = ({ children }) => {
       : 'light'
     : readPersistedTheme();
 
+  useEffect(() => {
+    if (typeof document === 'undefined') return;
+
+    const root = document.documentElement;
+
+    if (theme === 'dark') {
+      root.setAttribute('theme-mode', 'dark');
+      root.classList.add('dark');
+      return;
+    }
+
+    root.removeAttribute('theme-mode');
+    root.classList.remove('dark');
+  }, [theme]);
+
   const toggleTheme = () => {
     setNextTheme(theme === 'dark' ? 'light' : 'dark');
     markExplicitChoice();