 zhangxiang
|
045c5095c1
|
fix(build): 改 darkMode 为 variant 模式让 Tailwind dark: 变体按 data-theme='dark' 触发
- tailwind.config.js darkMode 从 'class' 改为 ['variant', '[data-theme="dark"] &']
- 'class' 模式匹配 .dark class，但站点用 html[data-theme='dark'] 属性，导致 dark: 变体全局失效
- variant 模式让 dark:bg-foo 类生成 [data-theme="dark"] .dark\:bg-foo 选择器
- 验证：临时加 dark:bg-blue-500 → CSS 含正确选择器；运行时浅色 bg=white、深色 bg=rgb(59,130,246)
回归测试脚本：
- darkmode-selector-verify.mjs：合成探针验证 utility 生效
- home-cta-verify.mjs：定位 home 本地简化 CTASection 实际渲染（之前误判为'不渲染'）
诚实标注：
- 全站 grep dark: utility class 仅发现 cta-button.tsx 2 处，但均为 TS 对象 key（非 utility），故 dark: 失效问题无直接破坏
- 修复属'基础设施补全'：未来添加 dark: 工具类即按 data-theme='dark' 自动生效
home-content-v15.tsx 的 CTASection（line 978-998）是**文件本地简化版**
（仅标题 + CTAButton，无 BrandStamp），与 src/components/sections/cta-section.tsx
（含 BrandStamp「值得信赖」）是不同组件。前者实际渲染，后者无路由使用（待用资产）。
本修复不涉及 CTASection 渲染路径。
验证：
- type-check 0 error
- lint 0 error
- 编译产物含 [data-theme="dark"] .dark\:bg-blue-500 选择器
- 运行时合成探针 PASS（浅色 white / 深色 blue）
|
2026-09-20 11:50:58 +08:00 |
|
|
zhangxiang
|
918d845aef
|
fix(ui,a11y): 修 logo 深色模式不可见 + 补 tailwind font-calligraphy 工具类
修复 A：header logo 深色模式字被吞
- logo.svg 右侧公司名（睿新致遠 + NOVALON）硬编码 fill='#0A0E14'，
深色背景下 background 同色不可见，红色印章下书法字与英文全部被吞。
- 复用既有 logo-white.svg（白字 + 红印章）作为深色版，
header 渲染双 <Image>，按 html[data-theme] CSS 显隐。
- 双 Image 不占位（display:none），零 JS 闪烁，未来主题切换器自动生效。
修复 B：font-calligraphy 工具类不生成
- tailwind.config.js 的 fontFamily 此前未声明 calligraphy key，
导致 font-calligraphy utility 永不生成，4 处装饰书法字
（BrandStamp「值得信赖」/ ChallengeSection「使命」/ WhyUsSection「睿」「我们」）
静默回退 sans。
- fontFamily 加 calligraphy: ['var(--font-calligraphy-system)']。
审计脚本：
- logo-compare*.mjs：生产 vs 本地 logo 对比定位
- logo-dark-verify.mjs：明暗双版渲染验证
- font-calligraphy-verify.mjs：合成探针验证 utility 生效
验证：
- type-check 0 error · lint 0 error（127 warnings 既有项与本次无关）
- 深浅色 header 截图：明暗版正确切换，书法字 + NOVALON 清晰可见
- font-calligraphy 合成探针 computed fontFamily = STKaiti, KaiTi, 楷体, SimKai, serif ✓
|
2026-09-20 11:50:58 +08:00 |
|