Skip to content

Commit 2b14001

Browse files
committed
Adjust font color
1 parent 3823782 commit 2b14001

5 files changed

Lines changed: 38 additions & 38 deletions

File tree

packages/desktop/src/settings/HooksPanel.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -203,7 +203,7 @@ export default function HooksPanel() {
203203
const labelCls = 'text-[12px] text-[var(--text-placeholder)] mb-1';
204204
const btnPrimary = 'px-4 py-2 rounded text-[13px] bg-[var(--btn-primary-bg)] text-[var(--accent-primary)] hover:bg-[var(--btn-primary-hover)]';
205205
const btnDanger = 'px-4 py-2 rounded text-[13px] bg-[var(--btn-danger-bg)] text-[var(--accent-danger)] hover:bg-[var(--btn-danger-hover)]';
206-
const btnCancel = 'px-4 py-2 rounded text-[13px] bg-[var(--border-card)] text-[var(--text-tertiary)] hover:bg-[var(--border-hover)]';
206+
const btnCancel = 'px-4 py-2 rounded text-[13px] bg-[var(--border-card)] text-[var(--text-tertiary)] border border-[var(--border-hover)] hover:bg-[var(--border-hover)] hover:border-[var(--border-strong)]';
207207

208208
if (loading) {
209209
return <div className="px-6 py-8 text-[14px] text-[var(--text-disabled)]">加载中…</div>;
@@ -298,7 +298,7 @@ export default function HooksPanel() {
298298
{h.point}
299299
</span>
300300
{!h.enabled && (
301-
<span className="text-[11px] px-2 py-0.5 rounded font-mono bg-[var(--border-card)] text-[var(--text-placeholder)]">
301+
<span className="text-[11px] px-2 py-0.5 rounded font-mono bg-[var(--tag-decision-bg)] text-[var(--tag-decision-text)]">
302302
已禁用
303303
</span>
304304
)}
@@ -463,7 +463,7 @@ function FormCard({
463463
className={`px-3 py-1.5 rounded text-[13px] font-mono transition-colors ${
464464
form.type === 'observer'
465465
? 'bg-[var(--btn-primary-bg)] text-[var(--accent-primary)]'
466-
: 'bg-[var(--border-card)] text-[var(--text-tertiary)]'
466+
: 'bg-[var(--border-card)] text-[var(--text-secondary)] border border-[var(--border-hover)]'
467467
}`}
468468
>
469469
observer
@@ -473,7 +473,7 @@ function FormCard({
473473
className={`px-3 py-1.5 rounded text-[13px] font-mono transition-colors ${
474474
form.type === 'decision'
475475
? 'bg-[var(--btn-primary-bg)] text-[var(--accent-primary)]'
476-
: 'bg-[var(--border-card)] text-[var(--text-tertiary)]'
476+
: 'bg-[var(--border-card)] text-[var(--text-secondary)] border border-[var(--border-hover)]'
477477
}`}
478478
>
479479
decision

packages/desktop/src/settings/McpPanel.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -190,7 +190,7 @@ export default function McpPanel() {
190190
const labelCls = 'text-[12px] text-[var(--text-placeholder)] mb-1';
191191
const btnPrimary = 'px-4 py-2 rounded text-[13px] bg-[var(--btn-primary-bg)] text-[var(--accent-primary)] hover:bg-[var(--btn-primary-hover)]';
192192
const btnDanger = 'px-4 py-2 rounded text-[13px] bg-[var(--btn-danger-bg)] text-[var(--accent-danger)] hover:bg-[var(--btn-danger-hover)]';
193-
const btnCancel = 'px-4 py-2 rounded text-[13px] bg-[var(--border-card)] text-[var(--text-tertiary)] hover:bg-[var(--border-hover)]';
193+
const btnCancel = 'px-4 py-2 rounded text-[13px] bg-[var(--border-card)] text-[var(--text-tertiary)] border border-[var(--border-hover)] hover:bg-[var(--border-hover)] hover:border-[var(--border-strong)]';
194194

195195
if (loading) {
196196
return <div className="px-6 py-8 text-[14px] text-[var(--text-disabled)]">加载中…</div>;
@@ -359,15 +359,15 @@ function FormCard({
359359
className={`px-3 py-1.5 rounded text-[13px] font-mono transition-colors ${
360360
form.transport === 'stdio'
361361
? 'bg-[var(--btn-primary-bg)] text-[var(--accent-primary)]'
362-
: 'bg-[var(--border-card)] text-[var(--text-tertiary)]'
362+
: 'bg-[var(--border-card)] text-[var(--text-secondary)] border border-[var(--border-hover)]'
363363
}`}
364364
>
365365
stdio
366366
</button>
367367
<button
368368
onClick={() => setForm({ ...form, transport: 'http' })}
369369
className={`px-3 py-1.5 rounded text-[13px] font-mono transition-colors ${
370-
form.transport === 'http' ? 'bg-[var(--btn-primary-bg)] text-[var(--accent-primary)]' : 'bg-[var(--border-card)] text-[var(--text-tertiary)]'
370+
form.transport === 'http' ? 'bg-[var(--btn-primary-bg)] text-[var(--accent-primary)]' : 'bg-[var(--border-card)] text-[var(--text-secondary)] border border-[var(--border-hover)]'
371371
}`}
372372
>
373373
http

packages/desktop/src/settings/MemoryPanel.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -114,7 +114,7 @@ export default function MemoryPanel() {
114114
const labelCls = 'text-[12px] text-[var(--text-placeholder)] mb-1';
115115
const btnPrimary = 'px-4 py-2 rounded text-[13px] bg-[var(--btn-primary-bg)] text-[var(--accent-primary)] hover:bg-[var(--btn-primary-hover)]';
116116
const btnDanger = 'px-4 py-2 rounded text-[13px] bg-[var(--btn-danger-bg)] text-[var(--accent-danger)] hover:bg-[var(--btn-danger-hover)]';
117-
const btnCancel = 'px-4 py-2 rounded text-[13px] bg-[var(--border-card)] text-[var(--text-tertiary)] hover:bg-[var(--border-hover)]';
117+
const btnCancel = 'px-4 py-2 rounded text-[13px] bg-[var(--border-card)] text-[var(--text-tertiary)] border border-[var(--border-hover)] hover:bg-[var(--border-hover)] hover:border-[var(--border-strong)]';
118118

119119
if (loading) {
120120
return <div className="px-6 py-8 text-[14px] text-[var(--text-disabled)]">加载中…</div>;
@@ -248,7 +248,7 @@ export default function MemoryPanel() {
248248
<div className="flex items-center gap-2 flex-wrap">
249249
<span className="text-[14px] text-[var(--text-title)]">{t.name}</span>
250250
{t.isBuiltIn && (
251-
<span className="text-[11px] px-2 py-0.5 rounded font-mono bg-[var(--border-card)] text-[var(--text-placeholder)]">
251+
<span className="text-[11px] px-2 py-0.5 rounded font-mono bg-[var(--tag-info-bg)] text-[var(--tag-info-text)]">
252252
内置
253253
</span>
254254
)}

packages/desktop/src/settings/SubagentsPanel.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -178,7 +178,7 @@ export default function SubagentsPanel() {
178178
const labelCls = 'text-[12px] text-[var(--text-placeholder)] mb-1';
179179
const btnPrimary = 'px-4 py-2 rounded text-[13px] bg-[var(--btn-primary-bg)] text-[var(--accent-primary)] hover:bg-[var(--btn-primary-hover)]';
180180
const btnDanger = 'px-4 py-2 rounded text-[13px] bg-[var(--btn-danger-bg)] text-[var(--accent-danger)] hover:bg-[var(--btn-danger-hover)]';
181-
const btnCancel = 'px-4 py-2 rounded text-[13px] bg-[var(--border-card)] text-[var(--text-tertiary)] hover:bg-[var(--border-hover)]';
181+
const btnCancel = 'px-4 py-2 rounded text-[13px] bg-[var(--border-card)] text-[var(--text-tertiary)] border border-[var(--border-hover)] hover:bg-[var(--border-hover)] hover:border-[var(--border-strong)]';
182182

183183
if (loading) {
184184
return <div className="px-6 py-8 text-[14px] text-[var(--text-disabled)]">加载中…</div>;
@@ -283,7 +283,7 @@ export default function SubagentsPanel() {
283283
</span>
284284
)}
285285
{isBuiltIn && (
286-
<span className="text-[11px] px-2 py-0.5 rounded font-mono bg-[var(--border-card)] text-[var(--text-placeholder)]">
286+
<span className="text-[11px] px-2 py-0.5 rounded font-mono bg-[var(--tag-info-bg)] text-[var(--tag-info-text)]">
287287
内置
288288
</span>
289289
)}
@@ -294,7 +294,7 @@ export default function SubagentsPanel() {
294294
{a.tools.map((t) => (
295295
<span
296296
key={t}
297-
className="text-[11px] px-1.5 py-0.5 rounded bg-[var(--border-default)] text-[var(--text-muted)] font-mono"
297+
className="text-[11px] px-1.5 py-0.5 rounded bg-[var(--tag-decision-bg)] text-[var(--tag-decision-text)] font-mono"
298298
>
299299
{t}
300300
</span>
@@ -306,7 +306,7 @@ export default function SubagentsPanel() {
306306
{a.mcpServers.map((s) => (
307307
<span
308308
key={s}
309-
className="text-[11px] px-1.5 py-0.5 rounded bg-[var(--tag-action-bg)] text-[var(--accent-success)] font-mono"
309+
className="text-[11px] px-1.5 py-0.5 rounded bg-[var(--tag-mcp-bg)] text-[var(--tag-mcp-text)] font-mono"
310310
>
311311
{s}
312312
</span>

packages/desktop/src/styles/index.css

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -21,11 +21,11 @@
2121
/* 文字层级 */
2222
--text-primary: #ccc;
2323
--text-title: #ddd;
24-
--text-secondary: #aaa;
25-
--text-tertiary: #888;
26-
--text-muted: #666;
27-
--text-placeholder: #555;
28-
--text-disabled: #444;
24+
--text-secondary: #bbb;
25+
--text-tertiary: #999;
26+
--text-muted: #777;
27+
--text-placeholder: #777;
28+
--text-disabled: #666;
2929
--text-inverse: #111;
3030
--text-white: #fff;
3131

@@ -67,14 +67,14 @@
6767
--diff-hunk-header: #888;
6868

6969
/* 语义标签 */
70-
--tag-decision-bg: #2a1a10;
71-
--tag-decision-text: #ce9178;
72-
--tag-action-bg: #1a2a1a;
73-
--tag-action-text: #6a9955;
74-
--tag-info-bg: #1a1a3a;
75-
--tag-info-text: var(--accent-primary);
76-
--tag-mcp-bg: #2a1a2a;
77-
--tag-mcp-text: #c586c0;
70+
--tag-decision-bg: #3a2010;
71+
--tag-decision-text: #ff9f6b;
72+
--tag-action-bg: #1a3a1a;
73+
--tag-action-text: #7ee787;
74+
--tag-info-bg: #1a2a4a;
75+
--tag-info-text: #4fc3f7;
76+
--tag-mcp-bg: #3a1a3a;
77+
--tag-mcp-text: #f48fb1;
7878

7979
/* 遮罩层 */
8080
--overlay-bg: rgba(0, 0, 0, 0.5);
@@ -108,8 +108,8 @@
108108
--text-secondary: #444;
109109
--text-tertiary: #666;
110110
--text-muted: #888;
111-
--text-placeholder: #aaa;
112-
--text-disabled: #bbb;
111+
--text-placeholder: #888;
112+
--text-disabled: #777;
113113
--text-inverse: #fff;
114114
--text-white: #fff;
115115

@@ -149,13 +149,13 @@
149149

150150
/* 语义标签 */
151151
--tag-decision-bg: #fff3e0;
152-
--tag-decision-text: #e65100;
152+
--tag-decision-text: #ea580c;
153153
--tag-action-bg: #e8f5e9;
154-
--tag-action-text: #2e7d32;
154+
--tag-action-text: #16a34a;
155155
--tag-info-bg: #e3f2fd;
156-
--tag-info-text: var(--accent-primary);
156+
--tag-info-text: #0284c7;
157157
--tag-mcp-bg: #f3e5f5;
158-
--tag-mcp-text: #7b1fa2;
158+
--tag-mcp-text: #9333ea;
159159

160160
/* 遮罩层 */
161161
--overlay-bg: rgba(0, 0, 0, 0.35);
@@ -189,8 +189,8 @@
189189
--text-secondary: #4a4840;
190190
--text-tertiary: #5c5a55;
191191
--text-muted: #7a7872;
192-
--text-placeholder: #999790;
193-
--text-disabled: #b5b3ad;
192+
--text-placeholder: #8a8880;
193+
--text-disabled: #6a6860;
194194
--text-inverse: #fff;
195195
--text-white: #fff;
196196

@@ -230,13 +230,13 @@
230230

231231
/* 语义标签 */
232232
--tag-decision-bg: #f0e6d8;
233-
--tag-decision-text: #8b4513;
233+
--tag-decision-text: #c2410c;
234234
--tag-action-bg: #e0ece3;
235-
--tag-action-text: #2d6a3d;
235+
--tag-action-text: #15803d;
236236
--tag-info-bg: #d4e6f1;
237-
--tag-info-text: var(--accent-primary);
237+
--tag-info-text: #0369a1;
238238
--tag-mcp-bg: #e8dde8;
239-
--tag-mcp-text: #6a1b6a;
239+
--tag-mcp-text: #7c3aed;
240240

241241
/* 遮罩层 */
242242
--overlay-bg: rgba(0, 0, 0, 0.35);

0 commit comments

Comments
 (0)