zhangxiang
cc1cc91010
feat(theme): 暗黑模式 Phase 2 批次 1 — about/brand 浅色区块 token 化
将 about-content-v4(8 处)与 brand-content(6 处)的浅色 bg-white 全部迁
到 bg-bg-primary,浅色下值完全等价(#FFFFFF)→ 浅色视觉零差异;dark 模式
下随 token 自动反色为 #0A0E14,section 间 bg-bg-secondary 交替保留设计层
次(#0F1419)。
【变更】
- about-content-v4.tsx:Hero×2 + section×2 + 卡片×2 + min-h-screen wrapper×2
- brand-content.tsx:main wrapper + Hero + section×2 + 卡片×2 + hover:bg-white→hover:bg-bg-primary
【验证】
- type-check 0 / lint 0 errors(127 warnings 既有)
- jest 128 suites / 1623 passed
- 视觉回归 22 passed(含关于我们 /about 全页浅色快照零 diff)
- computed-style 一次性脚本验证(已删除):
- dark: /about 与 /about/brand 的 html/body/header 背景 → rgb(10,14,20) ✓
- dark: sectionBgs = [#0A0E14, #0F1419, #0A0E14](bg-primary/bg-secondary
交替层次保留,dark 下 secondary → #0F1419 是设计意图)
- light: 零深色残留,所有 section 在浅色范围内
【设计确认】
- about/brand 的第二个 section 使用 bg-bg-secondary(#F8FAFC 浅灰)是设计
意图的层次交替,dark 下自动反色为 #0F1419(深一档),无需改动
- 一次性 computed-style 脚本对 'section 全部 #FFFFFF/#0A0E14' 的断言过严
→ 修正为'第一个 section 是预期主色 + 所有 section 不在反色范围',覆盖
真正的浅色→深色反色语义
【Phase 2 剩余批次】
- 批次 2:services-content-v3 + service-detail-content-v4 + solution-value
- 批次 3:product-detail-content-v3 + products/standalone + detail-hero
- 批次 4:admin 全量(login + media + roles + notifications + content + page)