Sisyphus
|
ee52bed129
|
fix(F006-W18): 暗主题全面适配 (EP token 补齐 + v1 token 清理 + 业务硬编码色修)
用户反馈: dark 主题下大量页面卡片/表头是白底, 文字看不清, 视觉割裂
根因 (W5.x v2 token 迁移遗漏):
- v1 token (--rr-page-bg / --rr-bg-card / --rr-table-header-bg / --rr-row-hover / --rr-border-color / --rr-text-secondary) 在 themes.scss 完全没定义
- v2 用 --bg-soft / --surface / --surface-2 / --border / --ink-2 / --ink-3, 但大量组件没改 fallback, 永远走 hex fallback (#F1F5F9 / #FFFFFF)
- EP el-table 内部用 getCssVar(color, white) = --el-color-white, 未在 tokens.scss 重定向, dark 下仍是 #FFFFFF
- CSS 变量级联问题: :root 块 var(--surface) 解析时, dark 块的 --surface 重写还没生效
修法 (3 类共 11 文件):
1. EP token 补齐 (themes.scss dark 块 + tokens.scss :root 块):
- --el-color-white / --el-color-black: #1E293B / #F8FAFC
- --el-fill-color-blank / --el-fill-color-light: surface / bg-soft
- --el-table-tr-bg-color / --el-table-bg-color: surface
- --el-table-expanded-cell-bg-color: surface
- --el-table-header-bg-color: surface-2 (表头略亮区分)
- --el-table-row-hover-bg-color: bg-soft
2. v1 token 清理 (4 组件):
- AppLayout.vue: 13 处 --rr-page-bg → --bg-soft
- DataTable.vue: --rr-table-header-bg/--rr-text-secondary/--rr-row-hover/--rr-bg-card/--rr-border-color → v2 token
- SearchBar.vue / ListTabs.vue: 同上
3. 业务页硬编码色 (5 业务页):
- OpenAppListView.vue: 4 状态 badge + 表格头 #F8FAFC → var(--*-soft)
- ApplyApiKeyDialog.vue: header #F8FAFC → var(--surface-2)
- InquiryListView.vue / LogOperationView.vue / LogErrorView.vue: 4 类 badge → var(--amber/brand/green/red-soft)
Playwright 1920 视口 dark 主题实测 (5 个典型页):
- Dashboard: 侧栏 rgb(30,41,59), 主区 rgb(15,23,42), 表格 rgb(30,41,59) ✅
- 用户列表 / 应用列表 / 订单列表 / 询价列表: 全部统一深色 ✅
- 之前: elTableBg rgb(255,255,255) 纯白 → 现在: rgb(30,41,59) 暗 surface
- 文字、badge、按钮、分页器、搜索条全部 dark 适配
不动调色板 (按用户要求 严重问题优先): --border/--ink-2 等保持原值
|
2026-07-09 17:22:12 +08:00 |
|
Sisyphus
|
675d27dd2f
|
fix(F006-W17): nginx proxy_hide_header WWW-Authenticate 去除浏览器原生认证弹窗
根因: Spring Security /auth/oauth/token 401 响应带 WWW-Authenticate: Basic realm="oauth2/client"
浏览器拦截该响应头后弹出原生 HTTP Basic Auth 对话框("身份验证"),
在 axios/JS 处理响应之前就触发,前端代码无法拦截.
修法: nginx-vue.conf /auth/ location 加 proxy_hide_header WWW-Authenticate;
同时 PlaceholderView/AppLayout fetch 调用加 credentials: omit 兜底.
验证: curl 测试 401 响应已无 WWW-Authenticate 头,登录流程不再触发浏览器弹窗.
|
2026-07-07 11:03:15 +08:00 |
|
Sisyphus
|
0f8a08888f
|
fix(F006-W5.x.x+1): 补 EP popper 系列变量 + :deep() 强制修暗主题下面包屑/主题弹窗文字糊
W5.x.x 验收发现 2 处仍糊:
- 红框 1: 顶栏面包屑 工作台 > 数据看板(暗主题)
- 红框 2: 主题切换弹窗 切换主题/科技蓝/.../自动持久化(暗主题)
根因:
1. W5.x.x 覆盖 EP 派生色时漏了 --el-popper-bg-color(EP 2.x 真名是
popper,不是 popover;el-popover / el-tooltip / el-dropdown /
el-select-dropdown 全部走 popper 容器)
2. el-breadcrumb 内部选择器优先级高,scoped :root 重定向的
--el-text-color-* 被它打回
3. ThemePicker 弹窗被 teleport 出去,scoped 选择器穿透不了
popper 容器
修法:
1. tokens.scss 增 6 个 --el-popper-* 系列变量
2. AppLayout.vue 末尾增 :deep(.el-breadcrumb__inner) +
:deep(.el-breadcrumb__separator) + !important
3. ThemePicker.vue 末尾增 :deep(.el-popper.is-light) + 内部
el-popper__arrow / el-popper__title + !important
验证: 切到 暗夜黑 主题,4 项验收清单全过;切回 科技蓝/中国红/
深空紫 无回归
|
2026-07-03 21:04:29 +08:00 |
|
Sisyphus
|
6a0736d70c
|
feat(F006-W3.6): 暗色 logo 亮版(dark 主题对比度)
- 新增 src/assets/logo-jubian-light.png:PIL 重映射所有非透明像素
字色 #190564 → #F8FAFC (= dark 主题 --ink),透明底保留
- LoginView.vue + AppLayout.vue:logo 改 :src="logoSrc",computed 跟
themeStore.current 切换;dark 主题下显示亮版,其他主题保持原深紫版
- 修 AGENTS.md §W5.x 一期已知风险("Dark 主题下 logo 字色 #190564
可能对比度低 → 二期做亮版 logo")
|
2026-07-03 17:00:56 +08:00 |
|