From 7732b11d3728fdff96db1b81fd8889bf14cb5ae3 Mon Sep 17 00:00:00 2001
From: Roe-xin <xiang200308037300@qq.com>
Date: Thu, 12 Mar 2026 18:40:40 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E6=96=87=E6=9C=AC?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=8F=AF=E8=AF=BB=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

   - 统一使用 VSCode 主题颜色变量
   - 添加字母间距提升可读性
   - 优化工具段落和问题选项的文本显示
---
 src/views/messageStyles.ts  | 7 +++++--
 src/views/planCard.ts       | 2 +-
 src/views/webviewContent.ts | 4 +++-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/views/messageStyles.ts b/src/views/messageStyles.ts
index 39f28ca..e910a49 100644
--- a/src/views/messageStyles.ts
+++ b/src/views/messageStyles.ts
@@ -512,8 +512,9 @@ export function getMessageAreaStyles(): string {
       .tool-segment-description {
         margin: 25px 0 0 0px;
         font-size: 0.9rem;
-        color: var(--vscode-descriptionForeground);
+        color: var(--vscode-foreground);
         line-height: 1.4;
+        letter-spacing: 0.5px;
       }
       .segment-tool.low-profile .tool-segment-header {
         opacity: 0.65;
@@ -530,6 +531,7 @@ export function getMessageAreaStyles(): string {
       .segment-tool.low-profile .tool-segment-result {
         opacity: 0.7;
         font-size: 12px;
+        letter-spacing: 0.5px;
       }
       .segment-question {
         background: var(--vscode-textBlockQuote-background);
@@ -551,12 +553,13 @@ export function getMessageAreaStyles(): string {
       .segment-question .question-option {
         padding: 8px 16px;
         background: #3d3f41;
-        color: #ffffff;
+        color: var(--vscode-foreground);
         border: 1px solid #474747;
         border-radius: 6px;
         cursor: pointer;
         transition: all 0.2s;
         font-size: 13px;
+        letter-spacing: 0.5px;
       }
       .segment-question .question-option:hover {
         background: #005a9e;
diff --git a/src/views/planCard.ts b/src/views/planCard.ts
index 7820b82..38c9e60 100644
--- a/src/views/planCard.ts
+++ b/src/views/planCard.ts
@@ -59,7 +59,7 @@ export function getPlanCardStyles(): string {
     .plan-summary h2 { font-size: 16px; }
     .plan-summary h3 { font-size: 14px; }
     .plan-summary h4 { font-size: 13px; }
-    .plan-summary p { margin: 8px 0; }
+    .plan-summary p { margin: 8px 0; letter-spacing: 0.5px; }
     .plan-summary ul, .plan-summary ol {
       margin: 8px 0;
       padding-left: 0;
diff --git a/src/views/webviewContent.ts b/src/views/webviewContent.ts
index c31941b..69f3773 100644
--- a/src/views/webviewContent.ts
+++ b/src/views/webviewContent.ts
@@ -305,7 +305,9 @@ export function getWebviewContent(
     }
     .segment-text {
       line-height: 1.6;
-      font-size:0.9rem
+      font-size:0.9rem;
+      color: var(--vscode-foreground);
+      letter-spacing: 0.5px;
     }
     .segment-tool {
       background: var(--vscode-textBlockQuote-background);