refactor: 使用 Naive UI 重构后台布局与黑白双主题

2026-09-01 16:31:21 +08:00
parent 55516537bf
commit db8c176b55
51 changed files with 3277 additions and 2442 deletions
@@ -3,7 +3,20 @@
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta name="theme-color" content="#242722" />
+        <meta name="theme-color" content="#202020" />
+        <script>
+            // 在应用挂载前恢复主题，避免深色模式出现白色闪屏。
+            try {
+                const preference = localStorage.getItem('drama-studio-theme')
+                const dark =
+                    preference === 'dark' ||
+                    ((!preference || preference === 'system') && matchMedia('(prefers-color-scheme: dark)').matches)
+                document.documentElement.dataset.theme = dark ? 'dark' : 'light'
+                document.documentElement.style.colorScheme = dark ? 'dark' : 'light'
+            } catch {
+                /* 存储不可用时由应用主题配置接管。 */
+            }
+        </script>
        <meta name="description" content="短剧创作工作台：管理剧本生成、主体拆解与分镜规划。" />
        <title>短剧工作台</title>
    </head>