4.1 KiB
4.1 KiB
Warframe 主题返工计划
目标
根据用户反馈重做 Warframe Wasteland 主题：优先解决文字费眼与图片构图随意的问题， 同时把用户提供的 Displate CDN 与 Pinterest Warframe 画作整理成多图视觉参考板； 保留用户最初上传的主题原图，不绕过站点验证，不把参考图复制进项目。
视觉策略
- 视觉论点： 墨黑舰舱般的高对比工作台，Warframe 原画只在空会话状态成为完整 立幅，进入阅读状态后退场，不再铺在正文背后。
- 内容规划： 导航负责定位；欢迎态左侧负责操作提示、右侧负责完整画作；聊天区 只负责阅读；输入区使用稳定不透明表面。
- 交互论点： 欢迎画作短距离淡入；会话选中态只用暗金边缘；输入聚焦使用清晰 暖色描边；遵守减少动态偏好。
执行步骤
- [complete] 评估用户提供的 Warframe 候选并确定构图
- [complete] 建立真实表面的文字对比度指标
- [complete] 重构欢迎态图片艺术面板
- [complete] 提升阅读导航与输入区域对比度
- [complete] 优化桌面与移动端响应式构图
- [complete] 更新主题资源与样式回归契约
- [complete] 运行回归测试并完成独立视觉审查
完成标准
- 对用户提供的 CDN/Pinterest 参考记录来源 URL、可访问性、可借鉴的构图方法与 禁用方式；至少综合 3 张参考图的方法，保留最初主题原图，参考图不复制进项目。
- 普通聊天状态的正文、导航和输入区后方不出现图片；所有阅读表面保持不透明。
- 主文字、次文字、弱文字分别相对其真实不透明表面达到至少 7:1、5.5:1、4.5:1； 分别检查默认、hover、active、focus、disabled、会话选中、输入占位符、消息气泡、 代码块、命令菜单和弹层，不再只计算主题变量。
- 欢迎态在 1440×900 和 1024×768 使用明确的文字/立幅双区域；390×844 单列展示， 图片完整、不挤压输入框、不产生横向滚动。
public/style.css需移除阅读态图片并实现欢迎态布局、实色 token 和状态覆盖；public/app.js只在确有必要时增加稳定欢迎态标记；scripts/regression.js需断言 阅读态无背景图、欢迎态独立图片、关键状态色与响应式规则。- 专项与完整回归通过，独立审查无阻塞或中高风险问题；若仍无浏览器运行时，必须将 真实布局视觉验证标为待用户复核，不能用静态检查冒充浏览器验收。
风险与约束
- 保留用户已有未提交改动，不重写无关子代理卡片逻辑。
- 保持内部主题值
gilded，避免破坏已保存偏好。 - 不重启 cc-web；静态资源由现有服务实时提供。
- 当前环境没有 Playwright/Chromium；先检查是否存在可执行截图/DOM 尺寸替代路径。 若完全不可用，完成静态结构、对比度和构图规则审查后，保留“用户侧真实视觉复核” 未完成项，不虚报浏览器验收通过。
错误记录
- Displate 搜索页和 robots.txt 均被 Cloudflare 安全检查替代，未获得作品列表。
- DuckDuckGo HTML 与 Pinterest ideas 页面均在 30 秒后连接超时；不重复相同请求， 后续以用户已提供的 3 个 CDN 候选为决策集合。
- 首次欢迎态组合补丁因 CSS 变量块上下文与当前文件不完全一致而未应用；改为分别 读取精确行并拆分 app/index、变量、欢迎布局三个小补丁，不重复原补丁。
- 欢迎态结构验证命令中的
rg模式以--page-background开头，被误判为参数； Node/CSS 结构检查已通过，后续使用rg -n -- '<pattern>'校验，不重复原命令。 - 最终并行核验中的全量回归超过单次 30 秒返回窗口，改为续接原进程读取终态；域名
检索命令因混合引号转义失败，改为多个
rg -e参数完成同范围复核。 - 首次完整回归因现有契约要求静态欢迎文案包含“开始与 Claude 对话”而失败；保留新 布局并恢复该兼容短语，再运行完整回归。