爱笑的毛毛虫
|
bfdc1d76f5
|
fix(ui): 浅色模式交互反馈 — 发送按钮hover可见性+侧栏分界线+cursor:pointer (#121) (#134)
三处浅色模式视觉可用性问题修复：
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>
|
2026-08-04 21:53:56 +08:00 |
|