From bfdc1d76f5ae3160597630c9518ed13e5b2dde96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=88=B1=E7=AC=91=E7=9A=84=E6=AF=9B=E6=AF=9B=E8=99=AB?=
 <315515767@qq.com>
Date: Tue, 4 Aug 2026 21:53:56 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E6=B5=85=E8=89=B2=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92=E5=8F=8D=E9=A6=88=20=E2=80=94=20=E5=8F=91?=
 =?UTF-8?q?=E9=80=81=E6=8C=89=E9=92=AEhover=E5=8F=AF=E8=A7=81=E6=80=A7+?=
 =?UTF-8?q?=E4=BE=A7=E6=A0=8F=E5=88=86=E7=95=8C=E7=BA=BF+cursor:pointer=20?=
 =?UTF-8?q?(#121)=20(#134)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

三处浅色模式视觉可用性问题修复：

1. 创作工作室发送按钮 hover 白底白字（严重 bug）
   - 根因：globals.css L4944 .creation-chat-submit:hover 全局设 background:#fff，
     而浅色模式 L4947 html:not(.dark) 覆盖了正常态为 #202328 + color:#fff，
     hover 未被浅色覆盖 → 白底白字，按钮完全消失
   - 修复：新增 html:not(.dark) .creation-chat-submit:hover 覆盖为 #2d3139

2. antd primary 按钮 hover 过微（画布助手等全局）
   - 根因：app-theme.ts Button 组件覆盖只在暗色模式有，浅色模式 colorPrimary #171717
     hover 经 antd 算法加暗到 #000000，#171717→#000000 几乎不可见
   - 修复：浅色模式新增 colorPrimaryHover #404040 / colorPrimaryActive #525252
     （提亮而非加暗，让交互反馈可感知）

3. 侧栏与工作区边界模糊
   - 根因：--workspace-border 浅色值 rgba(15,23,42,0.1) 仅 10% 不透明度
   - 修复：提到 0.14，增强分界可见性

4. cursor:pointer 缺失
   - 根因：Tailwind v4 preflight 不自动给 <button> 加 cursor:pointer，
     .creation-chat-submit / .creation-studio-submit 仅 disabled 有 cursor:not-allowed
   - 修复：两按钮基础样式补充 cursor:pointer

Co-authored-by: sikongyue <3155157671@qq.com>
---
 web/src/lib/app-theme.ts   | 7 ++++++-
 web/src/styles/globals.css | 5 ++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/app-theme.ts b/web/src/lib/app-theme.ts
index 5fdb183aa..96df0ff74 100644
--- a/web/src/lib/app-theme.ts
+++ b/web/src/lib/app-theme.ts
@@ -95,7 +95,12 @@ export function getAntThemeConfig(dark: boolean): ThemeConfig {
                           defaultActiveColor: "#ffffff",
                           defaultActiveBorderColor: "#525252",
                       }
-                    : {}),
+                    : {
+                          /* 浅色模式：primary 近黑(#171717)，antd 默认 hover 加暗到 #000000 几乎不可见。
+                             改为提亮 hover/active，让交互反馈可感知（审计 #121）*/
+                          colorPrimaryHover: "#404040",
+                          colorPrimaryActive: "#525252",
+                      }),
             },
             Input: {
                 paddingInline: 11,
diff --git a/web/src/styles/globals.css b/web/src/styles/globals.css
index 348bdd836..17178ea49 100644
--- a/web/src/styles/globals.css
+++ b/web/src/styles/globals.css
@@ -306,7 +306,7 @@
     --workspace-canvas: #ffffff;
     --workspace-surface: rgba(255, 255, 255, 0.82);
     --workspace-surface-strong: #ffffff;
-    --workspace-border: rgba(15, 23, 42, 0.1);
+    --workspace-border: rgba(15, 23, 42, 0.14);
     --workspace-border-strong: rgba(15, 23, 42, 0.18);
     --workspace-grid-line: rgba(51, 65, 85, 0.045);
     --workspace-nav: rgba(255, 255, 255, 0.88);
@@ -2484,6 +2484,7 @@
         background: #383d47;
         color: #e5e8ec;
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13);
+        cursor: pointer;
         transition: transform 150ms var(--motion-ease-out), background-color 150ms ease, color 150ms ease;
     }
     .creation-studio-submit:hover:not(:disabled) { background: #f4f5f6; color: #111317; transform: translateY(-1px); }
@@ -4937,6 +4938,7 @@ html:not(.dark) .creation-chat-composer .creation-model-picker.canvas-composer-m
     border-radius: 9px;
     background: #f3f4f5;
     color: #1b1d21;
+    cursor: pointer;
     transition: transform 140ms var(--motion-ease-out), background-color 140ms ease;
 }
 
@@ -4944,6 +4946,7 @@ html:not(.dark) .creation-chat-composer .creation-model-picker.canvas-composer-m
 .creation-chat-submit:disabled { background: #292d34; color: #606771; cursor: not-allowed; }
 .creation-chat-submit.is-stopping { background: #d06060; color: #fff; }
 html:not(.dark) .creation-chat-submit { background: #202328; color: #fff; }
+html:not(.dark) .creation-chat-submit:hover:not(:disabled) { background: #2d3139; }
 
 .creation-control-popover-surface,
 .creation-model-picker-surface {