@huyooo/file-explorer-frontend-react 0.4.15 → 0.4.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/index.css +79 -47
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +2 -2
  4. package/dist/index.js.map +1 -1
  5. package/dist/style.css +82 -48
  6. package/package.json +1 -1
  7. package/src/components/FileIcon.tsx +1 -1
  8. package/src/components/FileInfoDialog.tsx +1 -1
  9. package/src/components/StatusBar.css +1 -1
  10. package/src/components/Toolbar.css +1 -1
  11. package/src/index.css +82 -48
package/dist/style.css CHANGED
@@ -12,35 +12,36 @@
12
12
  :root {
13
13
  color-scheme: light;
14
14
 
15
- --huyooo-bg: #ffffff;
16
- --huyooo-surface: rgba(249, 250, 251, 0.9);
17
- --huyooo-surface-2: #ffffff;
18
- --huyooo-muted: rgba(229, 231, 233, 0.5);
19
- --huyooo-muted-hover: rgba(209, 213, 219, 0.8);
20
- --huyooo-border: rgb(229, 231, 233);
21
- --huyooo-text: rgb(31, 41, 55);
22
- --huyooo-text-muted: rgb(75, 85, 99);
23
- --huyooo-text-disabled: rgb(156, 163, 175);
24
- --huyooo-primary: rgb(59, 130, 246);
25
- --huyooo-focus-ring: rgba(59, 130, 246, 0.12);
26
- --huyooo-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
27
- --huyooo-scrollbar: rgba(0, 0, 0, 0.2);
28
- --huyooo-scrollbar-hover: rgba(0, 0, 0, 0.3);
29
- --huyooo-danger: rgb(220, 38, 38);
30
- --huyooo-success: rgb(22, 163, 74);
15
+ /* 对齐 ai-chat（light）：暖白底 + 中性灰 + 统一蓝主色 */
16
+ --huyooo-bg: #f7f7f4;
17
+ --huyooo-surface: #f2f1ed;
18
+ --huyooo-surface-2: #f0efeb;
19
+ --huyooo-muted: #ebeae5;
20
+ --huyooo-muted-hover: #e6e5e0;
21
+ --huyooo-border: #26251e1a;
22
+ --huyooo-text: #26251eeb;
23
+ --huyooo-text-muted: #26251e99;
24
+ --huyooo-text-disabled: #26251e66;
25
+ --huyooo-primary: #54a9ff;
26
+ --huyooo-focus-ring: rgba(84, 169, 255, 0.18);
27
+ --huyooo-shadow-sm: 0 1px 2px 0 rgba(38, 37, 30, 0.08);
28
+ --huyooo-scrollbar: rgba(38, 37, 30, 0.2);
29
+ --huyooo-scrollbar-hover: rgba(38, 37, 30, 0.3);
30
+ --huyooo-danger: #cf2d56;
31
+ --huyooo-success: #1f8a65;
31
32
  --huyooo-warning: rgb(245, 158, 11);
32
- --huyooo-danger-bg: rgba(254, 242, 242, 0.9);
33
- --huyooo-danger-border: rgba(254, 202, 202, 0.9);
34
- --huyooo-success-bg: rgba(240, 253, 244, 0.9);
35
- --huyooo-success-border: rgba(187, 247, 208, 0.9);
33
+ --huyooo-danger-bg: rgba(207, 45, 86, 0.1);
34
+ --huyooo-danger-border: rgba(207, 45, 86, 0.22);
35
+ --huyooo-success-bg: rgba(31, 138, 101, 0.1);
36
+ --huyooo-success-border: rgba(31, 138, 101, 0.22);
36
37
  --huyooo-warning-bg: rgba(255, 251, 235, 0.92);
37
38
  --huyooo-warning-border: rgba(253, 230, 138, 0.9);
38
39
  --huyooo-overlay: rgba(0, 0, 0, 0.5);
39
- --huyooo-panel-bg: rgba(255, 255, 255, 0.95);
40
+ --huyooo-panel-bg: #f2f1ed;
40
41
  --huyooo-shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
41
- --huyooo-code-bg: #111827;
42
- --huyooo-code-text: #e5e7eb;
43
- --huyooo-menu-bg: rgba(255, 255, 255, 0.95);
42
+ --huyooo-code-bg: #f2f1ed;
43
+ --huyooo-code-text: #26251eeb;
44
+ --huyooo-menu-bg: #f2f1ed;
44
45
  --huyooo-menu-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
45
46
 
46
47
  /* macOS window control colors (for Window 组件) */
@@ -60,7 +61,8 @@
60
61
  --huyooo-on-primary-muted: rgba(255, 255, 255, 0.8);
61
62
 
62
63
  /* filetype colors (FileInfoDialog / FileIcon) */
63
- --huyooo-filetype-folder: #dcb67a;
64
+ /* 对齐 ai-chat：文件夹/目录用主色 */
65
+ --huyooo-filetype-folder: var(--huyooo-primary);
64
66
  --huyooo-filetype-image: #7ec699;
65
67
  --huyooo-filetype-video: #c678dd;
66
68
  --huyooo-filetype-music: #e06c75;
@@ -74,9 +76,9 @@
74
76
  :root {
75
77
  color-scheme: dark;
76
78
 
77
- /* 暗色：统一采用 ai-chat 的经典暗色配色（更耐看） */
78
- --huyooo-bg: #27292c;
79
- --huyooo-surface: #27292c;
79
+ /* 对齐 ai-chat（dark）：深灰底 + 统一蓝主色 */
80
+ --huyooo-bg: #1e1e1e;
81
+ --huyooo-surface: #1e1e1e;
80
82
  --huyooo-surface-2: #252526;
81
83
  --huyooo-muted: #2d2d2d;
82
84
  --huyooo-muted-hover: #3c3c3c;
@@ -84,18 +86,18 @@
84
86
  --huyooo-text: #ccc;
85
87
  --huyooo-text-muted: #888;
86
88
  --huyooo-text-disabled: #666;
87
- --huyooo-primary: #2563eb;
88
- --huyooo-focus-ring: rgba(37, 99, 235, 0.18);
89
+ --huyooo-primary: #54a9ff;
90
+ --huyooo-focus-ring: rgba(84, 169, 255, 0.22);
89
91
  --huyooo-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
90
92
  --huyooo-scrollbar: rgba(255, 255, 255, 0.2);
91
93
  --huyooo-scrollbar-hover: rgba(255, 255, 255, 0.3);
92
- --huyooo-danger: #ef4444;
93
- --huyooo-success: #22c55e;
94
+ --huyooo-danger: #cf2d56;
95
+ --huyooo-success: #1f8a65;
94
96
  --huyooo-warning: #f59e0b;
95
- --huyooo-danger-bg: rgba(239, 68, 68, 0.12);
96
- --huyooo-danger-border: rgba(239, 68, 68, 0.25);
97
- --huyooo-success-bg: rgba(34, 197, 94, 0.12);
98
- --huyooo-success-border: rgba(34, 197, 94, 0.25);
97
+ --huyooo-danger-bg: rgba(207, 45, 86, 0.14);
98
+ --huyooo-danger-border: rgba(207, 45, 86, 0.28);
99
+ --huyooo-success-bg: rgba(31, 138, 101, 0.14);
100
+ --huyooo-success-border: rgba(31, 138, 101, 0.28);
99
101
  --huyooo-warning-bg: rgba(245, 158, 11, 0.12);
100
102
  --huyooo-warning-border: rgba(245, 158, 11, 0.25);
101
103
  --huyooo-overlay: rgba(0, 0, 0, 0.6);
@@ -110,14 +112,46 @@
110
112
 
111
113
  :root[data-theme="light"] {
112
114
  color-scheme: light;
115
+ /* 显式 light 必须覆盖 prefers-color-scheme: dark 的变量 */
116
+ --huyooo-bg: #f7f7f4;
117
+ --huyooo-surface: #f2f1ed;
118
+ --huyooo-surface-2: #f0efeb;
119
+ --huyooo-muted: #ebeae5;
120
+ --huyooo-muted-hover: #e6e5e0;
121
+ --huyooo-border: #26251e1a;
122
+ --huyooo-text: #26251eeb;
123
+ --huyooo-text-muted: #26251e99;
124
+ --huyooo-text-disabled: #26251e66;
125
+ --huyooo-primary: #54a9ff;
126
+ --huyooo-focus-ring: rgba(84, 169, 255, 0.18);
127
+ --huyooo-shadow-sm: 0 1px 2px 0 rgba(38, 37, 30, 0.08);
128
+ --huyooo-scrollbar: rgba(38, 37, 30, 0.2);
129
+ --huyooo-scrollbar-hover: rgba(38, 37, 30, 0.3);
130
+ --huyooo-danger: #cf2d56;
131
+ --huyooo-success: #1f8a65;
132
+ --huyooo-warning: rgb(245, 158, 11);
133
+ --huyooo-danger-bg: rgba(207, 45, 86, 0.1);
134
+ --huyooo-danger-border: rgba(207, 45, 86, 0.22);
135
+ --huyooo-success-bg: rgba(31, 138, 101, 0.1);
136
+ --huyooo-success-border: rgba(31, 138, 101, 0.22);
137
+ --huyooo-warning-bg: rgba(255, 251, 235, 0.92);
138
+ --huyooo-warning-border: rgba(253, 230, 138, 0.9);
139
+ --huyooo-overlay: rgba(0, 0, 0, 0.5);
140
+ --huyooo-panel-bg: #f2f1ed;
141
+ --huyooo-shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
142
+ --huyooo-code-bg: #f2f1ed;
143
+ --huyooo-code-text: #26251eeb;
144
+ --huyooo-menu-bg: #f2f1ed;
145
+ --huyooo-menu-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
146
+ --huyooo-filetype-folder: var(--huyooo-primary);
113
147
  }
114
148
 
115
149
  :root[data-theme="dark"] {
116
150
  color-scheme: dark;
117
151
 
118
- /* 暗色：统一采用 ai-chat 的经典暗色配色（更耐看） */
119
- --huyooo-bg: #27292c;
120
- --huyooo-surface: #27292c;
152
+ /* 显式 dark 必须覆盖 light 的变量 */
153
+ --huyooo-bg: #1e1e1e;
154
+ --huyooo-surface: #1e1e1e;
121
155
  --huyooo-surface-2: #252526;
122
156
  --huyooo-muted: #2d2d2d;
123
157
  --huyooo-muted-hover: #3c3c3c;
@@ -125,18 +159,18 @@
125
159
  --huyooo-text: #ccc;
126
160
  --huyooo-text-muted: #888;
127
161
  --huyooo-text-disabled: #666;
128
- --huyooo-primary: #2563eb;
129
- --huyooo-focus-ring: rgba(37, 99, 235, 0.18);
162
+ --huyooo-primary: #54a9ff;
163
+ --huyooo-focus-ring: rgba(84, 169, 255, 0.22);
130
164
  --huyooo-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
131
165
  --huyooo-scrollbar: rgba(255, 255, 255, 0.2);
132
166
  --huyooo-scrollbar-hover: rgba(255, 255, 255, 0.3);
133
- --huyooo-danger: #ef4444;
134
- --huyooo-success: #22c55e;
167
+ --huyooo-danger: #cf2d56;
168
+ --huyooo-success: #1f8a65;
135
169
  --huyooo-warning: #f59e0b;
136
- --huyooo-danger-bg: rgba(239, 68, 68, 0.12);
137
- --huyooo-danger-border: rgba(239, 68, 68, 0.25);
138
- --huyooo-success-bg: rgba(34, 197, 94, 0.12);
139
- --huyooo-success-border: rgba(34, 197, 94, 0.25);
170
+ --huyooo-danger-bg: rgba(207, 45, 86, 0.14);
171
+ --huyooo-danger-border: rgba(207, 45, 86, 0.28);
172
+ --huyooo-success-bg: rgba(31, 138, 101, 0.14);
173
+ --huyooo-success-border: rgba(31, 138, 101, 0.28);
140
174
  --huyooo-warning-bg: rgba(245, 158, 11, 0.12);
141
175
  --huyooo-warning-border: rgba(245, 158, 11, 0.25);
142
176
  --huyooo-overlay: rgba(0, 0, 0, 0.6);
@@ -146,5 +180,5 @@
146
180
  --huyooo-code-text: #e5e7eb;
147
181
  --huyooo-menu-bg: #252526;
148
182
  --huyooo-menu-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.45), 0 4px 6px -2px rgba(0, 0, 0, 0.35);
183
+ --huyooo-filetype-folder: var(--huyooo-primary);
149
184
  }
150
-
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@huyooo/file-explorer-frontend-react",
3
- "version": "0.4.15",
3
+ "version": "0.4.16",
4
4
  "description": "File Explorer Frontend - React components for file management",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
package/src/components/FileIcon.tsx CHANGED
@@ -17,7 +17,7 @@ export function FileIcon({ type, name, className = '', size = 24 }: FileIconProp
17
17
  if (type === FileType.FOLDER) {
18
18
  // 文件夹：先查特定类型图标，否则用默认 folder
19
19
  const folderIcon = name ? getFolderTypeIcon(name) : undefined;
20
- return folderIcon ?? 'flat-color-icons:folder';
20
+ return folderIcon ?? 'ic:round-folder';
21
21
  }
22
22
 
23
23
  // 如果有文件名，使用 material-icon-theme 图标映射（传递 type 作为兜底）
package/src/components/FileInfoDialog.tsx CHANGED
@@ -23,7 +23,7 @@ export interface FileInfoDialogProps {
23
23
  function getFileIcon(type: FileType, name?: string) {
24
24
  // 文件夹使用 material-icon-theme:folder
25
25
  if (type === FileType.FOLDER) {
26
- return <Icon icon="flat-color-icons:folder" width={48} height={48} className="file-info-icon" />;
26
+ return <Icon icon="ic:round-folder" width={48} height={48} className="file-info-icon" />;
27
27
  }
28
28
 
29
29
  // 如果有文件名，使用 material-icon-theme 图标映射（传递 type 作为兜底）
package/src/components/StatusBar.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .file-status-bar {
2
- height: 1.5rem;
2
+ height: 32px;
3
3
  background-color: var(--huyooo-surface-2);
4
4
  border-top: 1px solid var(--huyooo-border);
5
5
  display: flex;
package/src/components/Toolbar.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .file-toolbar {
2
- height: 3rem;
2
+ height: 48px;
3
3
  background: var(--huyooo-surface);
4
4
  backdrop-filter: blur(12px);
5
5
  border-bottom: 1px solid var(--huyooo-border);
package/src/index.css CHANGED
@@ -12,35 +12,36 @@
12
12
  :root {
13
13
  color-scheme: light;
14
14
 
15
- --huyooo-bg: #ffffff;
16
- --huyooo-surface: rgba(249, 250, 251, 0.9);
17
- --huyooo-surface-2: #ffffff;
18
- --huyooo-muted: rgba(229, 231, 233, 0.5);
19
- --huyooo-muted-hover: rgba(209, 213, 219, 0.8);
20
- --huyooo-border: rgb(229, 231, 233);
21
- --huyooo-text: rgb(31, 41, 55);
22
- --huyooo-text-muted: rgb(75, 85, 99);
23
- --huyooo-text-disabled: rgb(156, 163, 175);
24
- --huyooo-primary: rgb(59, 130, 246);
25
- --huyooo-focus-ring: rgba(59, 130, 246, 0.12);
26
- --huyooo-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
27
- --huyooo-scrollbar: rgba(0, 0, 0, 0.2);
28
- --huyooo-scrollbar-hover: rgba(0, 0, 0, 0.3);
29
- --huyooo-danger: rgb(220, 38, 38);
30
- --huyooo-success: rgb(22, 163, 74);
15
+ /* 对齐 ai-chat（light）：暖白底 + 中性灰 + 统一蓝主色 */
16
+ --huyooo-bg: #f7f7f4;
17
+ --huyooo-surface: #f2f1ed;
18
+ --huyooo-surface-2: #f0efeb;
19
+ --huyooo-muted: #ebeae5;
20
+ --huyooo-muted-hover: #e6e5e0;
21
+ --huyooo-border: #26251e1a;
22
+ --huyooo-text: #26251eeb;
23
+ --huyooo-text-muted: #26251e99;
24
+ --huyooo-text-disabled: #26251e66;
25
+ --huyooo-primary: #54a9ff;
26
+ --huyooo-focus-ring: rgba(84, 169, 255, 0.18);
27
+ --huyooo-shadow-sm: 0 1px 2px 0 rgba(38, 37, 30, 0.08);
28
+ --huyooo-scrollbar: rgba(38, 37, 30, 0.2);
29
+ --huyooo-scrollbar-hover: rgba(38, 37, 30, 0.3);
30
+ --huyooo-danger: #cf2d56;
31
+ --huyooo-success: #1f8a65;
31
32
  --huyooo-warning: rgb(245, 158, 11);
32
- --huyooo-danger-bg: rgba(254, 242, 242, 0.9);
33
- --huyooo-danger-border: rgba(254, 202, 202, 0.9);
34
- --huyooo-success-bg: rgba(240, 253, 244, 0.9);
35
- --huyooo-success-border: rgba(187, 247, 208, 0.9);
33
+ --huyooo-danger-bg: rgba(207, 45, 86, 0.1);
34
+ --huyooo-danger-border: rgba(207, 45, 86, 0.22);
35
+ --huyooo-success-bg: rgba(31, 138, 101, 0.1);
36
+ --huyooo-success-border: rgba(31, 138, 101, 0.22);
36
37
  --huyooo-warning-bg: rgba(255, 251, 235, 0.92);
37
38
  --huyooo-warning-border: rgba(253, 230, 138, 0.9);
38
39
  --huyooo-overlay: rgba(0, 0, 0, 0.5);
39
- --huyooo-panel-bg: rgba(255, 255, 255, 0.95);
40
+ --huyooo-panel-bg: #f2f1ed;
40
41
  --huyooo-shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
41
- --huyooo-code-bg: #111827;
42
- --huyooo-code-text: #e5e7eb;
43
- --huyooo-menu-bg: rgba(255, 255, 255, 0.95);
42
+ --huyooo-code-bg: #f2f1ed;
43
+ --huyooo-code-text: #26251eeb;
44
+ --huyooo-menu-bg: #f2f1ed;
44
45
  --huyooo-menu-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
45
46
 
46
47
  /* macOS window control colors (for Window 组件) */
@@ -60,7 +61,8 @@
60
61
  --huyooo-on-primary-muted: rgba(255, 255, 255, 0.8);
61
62
 
62
63
  /* filetype colors (FileInfoDialog / FileIcon) */
63
- --huyooo-filetype-folder: #dcb67a;
64
+ /* 对齐 ai-chat：文件夹/目录用主色 */
65
+ --huyooo-filetype-folder: var(--huyooo-primary);
64
66
  --huyooo-filetype-image: #7ec699;
65
67
  --huyooo-filetype-video: #c678dd;
66
68
  --huyooo-filetype-music: #e06c75;
@@ -74,9 +76,9 @@
74
76
  :root {
75
77
  color-scheme: dark;
76
78
 
77
- /* 暗色：统一采用 ai-chat 的经典暗色配色（更耐看） */
78
- --huyooo-bg: #27292c;
79
- --huyooo-surface: #27292c;
79
+ /* 对齐 ai-chat（dark）：深灰底 + 统一蓝主色 */
80
+ --huyooo-bg: #1e1e1e;
81
+ --huyooo-surface: #1e1e1e;
80
82
  --huyooo-surface-2: #252526;
81
83
  --huyooo-muted: #2d2d2d;
82
84
  --huyooo-muted-hover: #3c3c3c;
@@ -84,18 +86,18 @@
84
86
  --huyooo-text: #ccc;
85
87
  --huyooo-text-muted: #888;
86
88
  --huyooo-text-disabled: #666;
87
- --huyooo-primary: #2563eb;
88
- --huyooo-focus-ring: rgba(37, 99, 235, 0.18);
89
+ --huyooo-primary: #54a9ff;
90
+ --huyooo-focus-ring: rgba(84, 169, 255, 0.22);
89
91
  --huyooo-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
90
92
  --huyooo-scrollbar: rgba(255, 255, 255, 0.2);
91
93
  --huyooo-scrollbar-hover: rgba(255, 255, 255, 0.3);
92
- --huyooo-danger: #ef4444;
93
- --huyooo-success: #22c55e;
94
+ --huyooo-danger: #cf2d56;
95
+ --huyooo-success: #1f8a65;
94
96
  --huyooo-warning: #f59e0b;
95
- --huyooo-danger-bg: rgba(239, 68, 68, 0.12);
96
- --huyooo-danger-border: rgba(239, 68, 68, 0.25);
97
- --huyooo-success-bg: rgba(34, 197, 94, 0.12);
98
- --huyooo-success-border: rgba(34, 197, 94, 0.25);
97
+ --huyooo-danger-bg: rgba(207, 45, 86, 0.14);
98
+ --huyooo-danger-border: rgba(207, 45, 86, 0.28);
99
+ --huyooo-success-bg: rgba(31, 138, 101, 0.14);
100
+ --huyooo-success-border: rgba(31, 138, 101, 0.28);
99
101
  --huyooo-warning-bg: rgba(245, 158, 11, 0.12);
100
102
  --huyooo-warning-border: rgba(245, 158, 11, 0.25);
101
103
  --huyooo-overlay: rgba(0, 0, 0, 0.6);
@@ -110,14 +112,46 @@
110
112
 
111
113
  :root[data-theme="light"] {
112
114
  color-scheme: light;
115
+ /* 显式 light 必须覆盖 prefers-color-scheme: dark 的变量 */
116
+ --huyooo-bg: #f7f7f4;
117
+ --huyooo-surface: #f2f1ed;
118
+ --huyooo-surface-2: #f0efeb;
119
+ --huyooo-muted: #ebeae5;
120
+ --huyooo-muted-hover: #e6e5e0;
121
+ --huyooo-border: #26251e1a;
122
+ --huyooo-text: #26251eeb;
123
+ --huyooo-text-muted: #26251e99;
124
+ --huyooo-text-disabled: #26251e66;
125
+ --huyooo-primary: #54a9ff;
126
+ --huyooo-focus-ring: rgba(84, 169, 255, 0.18);
127
+ --huyooo-shadow-sm: 0 1px 2px 0 rgba(38, 37, 30, 0.08);
128
+ --huyooo-scrollbar: rgba(38, 37, 30, 0.2);
129
+ --huyooo-scrollbar-hover: rgba(38, 37, 30, 0.3);
130
+ --huyooo-danger: #cf2d56;
131
+ --huyooo-success: #1f8a65;
132
+ --huyooo-warning: rgb(245, 158, 11);
133
+ --huyooo-danger-bg: rgba(207, 45, 86, 0.1);
134
+ --huyooo-danger-border: rgba(207, 45, 86, 0.22);
135
+ --huyooo-success-bg: rgba(31, 138, 101, 0.1);
136
+ --huyooo-success-border: rgba(31, 138, 101, 0.22);
137
+ --huyooo-warning-bg: rgba(255, 251, 235, 0.92);
138
+ --huyooo-warning-border: rgba(253, 230, 138, 0.9);
139
+ --huyooo-overlay: rgba(0, 0, 0, 0.5);
140
+ --huyooo-panel-bg: #f2f1ed;
141
+ --huyooo-shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
142
+ --huyooo-code-bg: #f2f1ed;
143
+ --huyooo-code-text: #26251eeb;
144
+ --huyooo-menu-bg: #f2f1ed;
145
+ --huyooo-menu-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
146
+ --huyooo-filetype-folder: var(--huyooo-primary);
113
147
  }
114
148
 
115
149
  :root[data-theme="dark"] {
116
150
  color-scheme: dark;
117
151
 
118
- /* 暗色：统一采用 ai-chat 的经典暗色配色（更耐看） */
119
- --huyooo-bg: #27292c;
120
- --huyooo-surface: #27292c;
152
+ /* 显式 dark 必须覆盖 light 的变量 */
153
+ --huyooo-bg: #1e1e1e;
154
+ --huyooo-surface: #1e1e1e;
121
155
  --huyooo-surface-2: #252526;
122
156
  --huyooo-muted: #2d2d2d;
123
157
  --huyooo-muted-hover: #3c3c3c;
@@ -125,18 +159,18 @@
125
159
  --huyooo-text: #ccc;
126
160
  --huyooo-text-muted: #888;
127
161
  --huyooo-text-disabled: #666;
128
- --huyooo-primary: #2563eb;
129
- --huyooo-focus-ring: rgba(37, 99, 235, 0.18);
162
+ --huyooo-primary: #54a9ff;
163
+ --huyooo-focus-ring: rgba(84, 169, 255, 0.22);
130
164
  --huyooo-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
131
165
  --huyooo-scrollbar: rgba(255, 255, 255, 0.2);
132
166
  --huyooo-scrollbar-hover: rgba(255, 255, 255, 0.3);
133
- --huyooo-danger: #ef4444;
134
- --huyooo-success: #22c55e;
167
+ --huyooo-danger: #cf2d56;
168
+ --huyooo-success: #1f8a65;
135
169
  --huyooo-warning: #f59e0b;
136
- --huyooo-danger-bg: rgba(239, 68, 68, 0.12);
137
- --huyooo-danger-border: rgba(239, 68, 68, 0.25);
138
- --huyooo-success-bg: rgba(34, 197, 94, 0.12);
139
- --huyooo-success-border: rgba(34, 197, 94, 0.25);
170
+ --huyooo-danger-bg: rgba(207, 45, 86, 0.14);
171
+ --huyooo-danger-border: rgba(207, 45, 86, 0.28);
172
+ --huyooo-success-bg: rgba(31, 138, 101, 0.14);
173
+ --huyooo-success-border: rgba(31, 138, 101, 0.28);
140
174
  --huyooo-warning-bg: rgba(245, 158, 11, 0.12);
141
175
  --huyooo-warning-border: rgba(245, 158, 11, 0.25);
142
176
  --huyooo-overlay: rgba(0, 0, 0, 0.6);
@@ -146,5 +180,5 @@
146
180
  --huyooo-code-text: #e5e7eb;
147
181
  --huyooo-menu-bg: #252526;
148
182
  --huyooo-menu-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.45), 0 4px 6px -2px rgba(0, 0, 0, 0.35);
183
+ --huyooo-filetype-folder: var(--huyooo-primary);
149
184
  }
150
-