pengyejiatu/IC-Coder-Plugin
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 优化文本样式和可读性

Browse Source 
- 统一使用 VSCode 主题颜色变量
   - 添加字母间距提升可读性
   - 优化工具段落和问题选项的文本显示
This commit is contained in:
Roe-xin
2026-03-12 18:40:40 +08:00
parent 81717dc84f
commit 7732b11d37
3 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/messageStyles.ts
View File

@ -512,8 +512,9 @@ export function getMessageAreaStyles(): string {
.tool-segment-description { .tool-segment-description {
margin: 25px 0 0 0px; margin: 25px 0 0 0px;
font-size: 0.9rem; font-size: 0.9rem;
color: var(--vscode-descriptionForeground); color: var(--vscode-foreground);
line-height: 1.4; line-height: 1.4;
letter-spacing: 0.5px;
} }
.segment-tool.low-profile .tool-segment-header { .segment-tool.low-profile .tool-segment-header {
opacity: 0.65; opacity: 0.65;
@ -530,6 +531,7 @@ export function getMessageAreaStyles(): string {
.segment-tool.low-profile .tool-segment-result { .segment-tool.low-profile .tool-segment-result {
opacity: 0.7; opacity: 0.7;
font-size: 12px; font-size: 12px;
letter-spacing: 0.5px;
} }
.segment-question { .segment-question {
background: var(--vscode-textBlockQuote-background); background: var(--vscode-textBlockQuote-background);
@ -551,12 +553,13 @@ export function getMessageAreaStyles(): string {
.segment-question .question-option { .segment-question .question-option {
padding: 8px 16px; padding: 8px 16px;
background: #3d3f41; background: #3d3f41;
color: #ffffff; color: var(--vscode-foreground);
border: 1px solid #474747; border: 1px solid #474747;
border-radius: 6px; border-radius: 6px;
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s;
font-size: 13px; font-size: 13px;
letter-spacing: 0.5px;
} }
.segment-question .question-option:hover { .segment-question .question-option:hover {
background: #005a9e; background: #005a9e;

2
src/views/planCard.ts
View File

@ -59,7 +59,7 @@ export function getPlanCardStyles(): string {
.plan-summary h2 { font-size: 16px; } .plan-summary h2 { font-size: 16px; }
.plan-summary h3 { font-size: 14px; } .plan-summary h3 { font-size: 14px; }
.plan-summary h4 { font-size: 13px; } .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 { .plan-summary ul, .plan-summary ol {
margin: 8px 0; margin: 8px 0;
padding-left: 0; padding-left: 0;

4
src/views/webviewContent.ts
View File

@ -305,7 +305,9 @@ export function getWebviewContent(
} }
.segment-text { .segment-text {
line-height: 1.6; line-height: 1.6;
font-size:0.9rem font-size:0.9rem;
color: var(--vscode-foreground);
letter-spacing: 0.5px;
} }
.segment-tool { .segment-tool {
background: var(--vscode-textBlockQuote-background); background: var(--vscode-textBlockQuote-background);