0c9aaa11cd
用户反馈: UsersPage 表格线浅色下死黑死黑。
全扫定位:V1 sub-agent 当年标注 "unmapped/near-match" 保留的硬编码,
在 V2 浅色重做下集中暴露为"死黑/死白"问题。
新增 5 个主题感知 token:
--color-bg-glass-hover DARK rgba(255,255,255,0.12) / LIGHT rgba(0,0,0,0.06)
--color-border-glass-hover DARK rgba(255,255,255,0.15) / LIGHT rgba(0,0,0,0.12)
--color-bg-thumbnail DARK rgba(0,0,0,0.30) / LIGHT rgba(0,0,0,0.05)
--color-bg-thumbnail-hover DARK rgba(0,0,0,0.15) / LIGHT rgba(0,0,0,0.04)
--color-shadow-thumb DARK rgba(0,0,0,0.30) / LIGHT rgba(0,0,0,0.10)
修复(10 个文件, 30+ 处):
表格死黑线 (用户主诉):
UsersPage / TeamsPage .table td border-bottom: rgba(42,42,56,0.5) 死紫黑
→ var(--color-border-row) (浅色 rgba(0,0,0,0.06) 浅灰)
.table tr:hover td bg: rgba(255,255,255,0.02) 浅色下消失
→ var(--color-bg-row-hover) (浅色 rgba(0,0,0,0.03))
玻璃面 hover 白透 alpha (浅色下死白看不见):
VideoDetailModal closeBtn/floatingBtn/iconBtn hover:
rgba(255,255,255,0.12-0.15) → var(--color-bg-glass-hover)
TeamsPage detailClose hover: 同上
GenerationCard moreBtn:hover border:
rgba(255,255,255,0.15) → var(--color-border-glass-hover)
视频缩略图 bg (浅色下不该死黑):
AssetsPage thumbnail bg / hover overlay: rgba(0,0,0,0.3/0.15)
→ var(--color-bg-thumbnail / -hover)
UniversalUpload thumbInner box-shadow: rgba(0,0,0,0.3)
→ var(--color-shadow-thumb)
Modal/Upload overlay & hover:
UsersPage drawerOverlay: rgba(0,0,0,0.5) → var(--color-overlay-soft)
TeamsPage detailOverlay: rgba(0,0,0,0.65) → var(--color-modal-overlay)
UniversalUpload uploadOverlay: rgba(0,0,0,0.5) → var(--color-overlay-soft)
Upload trigger 虚线边 hover:
KeyframeUpload / UniversalUpload trigger hover: #5a5a6a / #1e1e2a
→ var(--color-border-modal-hover / -bg-modal-hover) (已有 var)
trigger bg: rgba(255,255,255,0.03) → var(--color-bg-upload)
TeamsPage memberTable:
memberTableWrapper bg: rgba(255,255,255,0.03) → var(--color-bg-upload)
memberTable th bg: rgba(255,255,255,0.02) → var(--color-bg-row-hover)
AssetLibraryModal 状态 / 主色 alpha:
addAssetCard hover bg rgba(108,99,255,0.04) → var(--color-primary-bg)
dropZone hover/active: 同上 + var(--color-primary-bg-hover)
statusActive 0.12: rgba(0,184,148,0.12) → var(--color-success-bg)
statusProcessing 0.12: rgba(243,156,18,0.12) → var(--color-warning-bg)
statusFailed 0.12: rgba(231,76,60,0.12) → var(--color-danger-bg)
dropZoneWarning #ff4d4f + alpha → var(--color-danger-hover/-bg/-border)
UniversalUpload uploadError:
rgba(239,68,68,0.25) → var(--color-danger-bg)
ProfilePage warningBanner:
rgba(243,156,18,0.12/0.3) → var(--color-warning-bg / -border)
验证: tsc 通过, vitest 71 fail / 162 pass 与基线一致, 24 张 V2 截图重出
关键页对比 (docs/screenshots/v2/):
- UsersPage / TeamsPage 浅色表格线变浅灰 GitBook 风
- VideoDetailModal close 浅色下能看到 hover
- 视频缩略图浅色不死黑
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>