feat: 更新 table 与 WebUI 静态资源

webui/static/css/styles.css

@@ -7,18 +7,18 @@
     --primary-light: #818cf8;
     --primary-bg: rgba(99, 102, 241, 0.1);
 
-    /* 背景色 */
+    /* 背景色 - 深色主题（默认）*/
     --bg-main: #0f0f1a;
     --bg-surface: #1a1a2e;
     --bg-elevated: #222236;
     --bg-hover: #2a2a3e;
 
-    /* 文字颜色 */
+    /* 文字颜色 - 深色主题 */
     --text-primary: #ffffff;
     --text-secondary: #a0a0b0;
     --text-tertiary: #6b6b7b;
 
-    /* 边框和分隔线 */
+    /* 边框和分隔线 - 深色主题 */
     --border-color: rgba(255, 255, 255, 0.1);
     --border-hover: rgba(255, 255, 255, 0.2);
 
@@ -47,6 +47,33 @@
     --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
+/* 浅色主题 */
+:root[data-theme="light"] {
+    /* 背景色 - 浅色主题 */
+    --bg-main: #f5f5f7;
+    --bg-surface: #ffffff;
+    --bg-elevated: #ffffff;
+    --bg-hover: #f0f0f2;
+
+    /* 文字颜色 - 浅色主题 */
+    --text-primary: #1d1d1f;
+    --text-secondary: #6e6e73;
+    --text-tertiary: #86868b;
+
+    /* 边框和分隔线 - 浅色主题 */
+    --border-color: rgba(0, 0, 0, 0.1);
+    --border-hover: rgba(0, 0, 0, 0.2);
+
+    /* 阴影 - 浅色主题 */
+    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    --shadow-md:
+        0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    --shadow-lg:
+        0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    --shadow-xl:
+        0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
 * {
     box-sizing: border-box;
     margin: 0;