@huyooo/ai-chat-frontend-react 0.2.5 → 0.2.7
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.
- package/dist/index.css +129 -0
- package/dist/index.css.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/style.css +65 -1
- package/package.json +3 -3
- package/src/index.ts +3 -0
- package/src/styles.css +65 -1
package/dist/style.css
CHANGED
|
@@ -3,8 +3,72 @@
|
|
|
3
3
|
* 仅包含 CSS 变量和 ChatPanel 基础布局
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
/**
|
|
7
|
+
* 主题协议（跨项目统一）：
|
|
8
|
+
* - 使用 document.documentElement 的 data-theme = light | dark
|
|
9
|
+
* - 默认跟随系统 prefers-color-scheme
|
|
10
|
+
* - 组件内部继续使用 --chat-*（ai-chat 自己维护配色，避免被宿主 token “染色”）
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
/* 默认：浅色 */
|
|
7
14
|
:root {
|
|
15
|
+
color-scheme: light;
|
|
16
|
+
|
|
17
|
+
/* ai-chat 专用变量（保持兼容） */
|
|
18
|
+
--chat-bg: #f5f5f5;
|
|
19
|
+
--chat-header-bg: #ffffff;
|
|
20
|
+
--chat-input-bg: #f3f4f6;
|
|
21
|
+
--chat-dropdown-bg: #ffffff;
|
|
22
|
+
--chat-muted: #e5e7eb;
|
|
23
|
+
--chat-muted-hover: #d1d5db;
|
|
24
|
+
--chat-border: #e5e7eb;
|
|
25
|
+
--chat-text: #374151;
|
|
26
|
+
--chat-text-muted: #6b7280;
|
|
27
|
+
--chat-primary: #2563eb;
|
|
28
|
+
--chat-primary-hover: #1d4ed8;
|
|
29
|
+
--chat-destructive: #ef4444;
|
|
30
|
+
--chat-destructive-hover: #dc2626;
|
|
31
|
+
--chat-success: #22c55e;
|
|
32
|
+
--chat-code-bg: #f3f4f6;
|
|
33
|
+
--chat-code-text: #374151;
|
|
34
|
+
--chat-scrollbar: rgba(0, 0, 0, 0.2);
|
|
35
|
+
--chat-scrollbar-hover: rgba(0, 0, 0, 0.3);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* 默认跟随系统暗色 */
|
|
39
|
+
@media (prefers-color-scheme: dark) {
|
|
40
|
+
:root {
|
|
41
|
+
color-scheme: dark;
|
|
42
|
+
/* 旧版暗色（恢复以前的好看风格） */
|
|
43
|
+
--chat-bg: #1e1e1e;
|
|
44
|
+
--chat-header-bg: #1e1e1e;
|
|
45
|
+
--chat-input-bg: #2d2d2d;
|
|
46
|
+
--chat-dropdown-bg: #252526;
|
|
47
|
+
--chat-muted: #2d2d2d;
|
|
48
|
+
--chat-muted-hover: #3c3c3c;
|
|
49
|
+
--chat-border: #333;
|
|
50
|
+
--chat-text: #ccc;
|
|
51
|
+
--chat-text-muted: #888;
|
|
52
|
+
--chat-primary: #2563eb;
|
|
53
|
+
--chat-primary-hover: #1d4ed8;
|
|
54
|
+
--chat-destructive: #ef4444;
|
|
55
|
+
--chat-destructive-hover: #dc2626;
|
|
56
|
+
--chat-success: #22c55e;
|
|
57
|
+
--chat-code-bg: #1f2937;
|
|
58
|
+
--chat-code-text: #e5e7eb;
|
|
59
|
+
--chat-scrollbar: rgba(255, 255, 255, 0.2);
|
|
60
|
+
--chat-scrollbar-hover: rgba(255, 255, 255, 0.3);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/* 显式浅色/暗色覆盖系统 */
|
|
65
|
+
:root[data-theme="light"] {
|
|
66
|
+
color-scheme: light;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
:root[data-theme="dark"] {
|
|
70
|
+
color-scheme: dark;
|
|
71
|
+
/* 旧版暗色（恢复以前的好看风格） */
|
|
8
72
|
--chat-bg: #1e1e1e;
|
|
9
73
|
--chat-header-bg: #1e1e1e;
|
|
10
74
|
--chat-input-bg: #2d2d2d;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@huyooo/ai-chat-frontend-react",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.7",
|
|
4
4
|
"description": "AI Chat Frontend - React components with adapter pattern",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"react-dom": ">=18.0.0"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@huyooo/ai-chat-bridge-electron": "^0.2.
|
|
36
|
-
"@huyooo/ai-chat-shared": "^0.2.
|
|
35
|
+
"@huyooo/ai-chat-bridge-electron": "^0.2.7",
|
|
36
|
+
"@huyooo/ai-chat-shared": "^0.2.7",
|
|
37
37
|
"@iconify/react": "^5.0.2"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
package/src/index.ts
CHANGED
package/src/styles.css
CHANGED
|
@@ -3,8 +3,72 @@
|
|
|
3
3
|
* 仅包含 CSS 变量和 ChatPanel 基础布局
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
/**
|
|
7
|
+
* 主题协议（跨项目统一）：
|
|
8
|
+
* - 使用 document.documentElement 的 data-theme = light | dark
|
|
9
|
+
* - 默认跟随系统 prefers-color-scheme
|
|
10
|
+
* - 组件内部继续使用 --chat-*（ai-chat 自己维护配色，避免被宿主 token “染色”）
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
/* 默认：浅色 */
|
|
7
14
|
:root {
|
|
15
|
+
color-scheme: light;
|
|
16
|
+
|
|
17
|
+
/* ai-chat 专用变量（保持兼容） */
|
|
18
|
+
--chat-bg: #f5f5f5;
|
|
19
|
+
--chat-header-bg: #ffffff;
|
|
20
|
+
--chat-input-bg: #f3f4f6;
|
|
21
|
+
--chat-dropdown-bg: #ffffff;
|
|
22
|
+
--chat-muted: #e5e7eb;
|
|
23
|
+
--chat-muted-hover: #d1d5db;
|
|
24
|
+
--chat-border: #e5e7eb;
|
|
25
|
+
--chat-text: #374151;
|
|
26
|
+
--chat-text-muted: #6b7280;
|
|
27
|
+
--chat-primary: #2563eb;
|
|
28
|
+
--chat-primary-hover: #1d4ed8;
|
|
29
|
+
--chat-destructive: #ef4444;
|
|
30
|
+
--chat-destructive-hover: #dc2626;
|
|
31
|
+
--chat-success: #22c55e;
|
|
32
|
+
--chat-code-bg: #f3f4f6;
|
|
33
|
+
--chat-code-text: #374151;
|
|
34
|
+
--chat-scrollbar: rgba(0, 0, 0, 0.2);
|
|
35
|
+
--chat-scrollbar-hover: rgba(0, 0, 0, 0.3);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* 默认跟随系统暗色 */
|
|
39
|
+
@media (prefers-color-scheme: dark) {
|
|
40
|
+
:root {
|
|
41
|
+
color-scheme: dark;
|
|
42
|
+
/* 旧版暗色（恢复以前的好看风格） */
|
|
43
|
+
--chat-bg: #1e1e1e;
|
|
44
|
+
--chat-header-bg: #1e1e1e;
|
|
45
|
+
--chat-input-bg: #2d2d2d;
|
|
46
|
+
--chat-dropdown-bg: #252526;
|
|
47
|
+
--chat-muted: #2d2d2d;
|
|
48
|
+
--chat-muted-hover: #3c3c3c;
|
|
49
|
+
--chat-border: #333;
|
|
50
|
+
--chat-text: #ccc;
|
|
51
|
+
--chat-text-muted: #888;
|
|
52
|
+
--chat-primary: #2563eb;
|
|
53
|
+
--chat-primary-hover: #1d4ed8;
|
|
54
|
+
--chat-destructive: #ef4444;
|
|
55
|
+
--chat-destructive-hover: #dc2626;
|
|
56
|
+
--chat-success: #22c55e;
|
|
57
|
+
--chat-code-bg: #1f2937;
|
|
58
|
+
--chat-code-text: #e5e7eb;
|
|
59
|
+
--chat-scrollbar: rgba(255, 255, 255, 0.2);
|
|
60
|
+
--chat-scrollbar-hover: rgba(255, 255, 255, 0.3);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/* 显式浅色/暗色覆盖系统 */
|
|
65
|
+
:root[data-theme="light"] {
|
|
66
|
+
color-scheme: light;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
:root[data-theme="dark"] {
|
|
70
|
+
color-scheme: dark;
|
|
71
|
+
/* 旧版暗色（恢复以前的好看风格） */
|
|
8
72
|
--chat-bg: #1e1e1e;
|
|
9
73
|
--chat-header-bg: #1e1e1e;
|
|
10
74
|
--chat-input-bg: #2d2d2d;
|