novalon/novalon-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
650 Commits 3 Branches 1 Tag
4dcc15ebd0e2df2383bc977ad78524a2472550d9
Commit Graph
12 Commits
Author SHA1 Message Date
zhangxiang f8917d4fda feat(ui): 营销站 UI/UE/UX 治理 P0→P3 收官 
复评（impeccable critique）全部 Priority Issues 与 Minor Observations 落地：
- P0 数字口径：MetricsBasisNote 单一真源 + metrics-basis.test fs 防线，接入
  products/solutions/services/home/about；纯渲染端加角注，不动 DB/seed 值
- P1 转化断头路：敬请期待态 + 404 语境出口 + services 空态双出口
- P1 首页并卡：TrustSection 早鸟横幅并入 CasesSection 单张深色共创卡
- P2 CTA 治理：CONSULT_CTA_ALLOWLIST 白名单 + 逐字符扫描器，/contact CTA 全归一
- P3 polish：footer 补 服务/公司列、contact 死三元/空槽/toast、GlobalErrorTracker 幂等日志
- 文档同源：PRODUCT/CONTEXT 动效带统一 180–280ms；DESIGN.md 立 The 10px Floor；
  font-floor.test 守卫禁止再引入 <10px（保留 10/11px 有意 Bain 微标签）

Gates: type-check 0 · jest 1581/132 · lint 0e/126w · contrast 7/7 · headings 10/10
 2026-09-20 11:50:58 +08:00
zhangxiang 5ecab7b15d fix(theme): 品牌色令牌语义拆分与暗黑模式全站治理 
- 拆分品牌色「文字/底色」双通道：新增 --color-brand-ink(-rgb)（深色 #F87171）
  与 tailwind brand.ink；text-brand → text-brand-ink 迁移 247 处；
  bg-brand/border-brand 保持 --color-brand-rgb 不翻转（红底白字 5.58:1 不能动）
- dark 块补齐 --color-brand-bg: #2A1418（修复深色白字压浅粉底 1.04:1）
- hero 徽章新增 --badge-accent-text 桥接：accentColor 直用作深底文字不可读
  （#1e3a5f 深底 1.65:1），浅色取原色 / 深色 color-mix 提亮
- 硬编码颜色 token 化：bg-white/text-gray-*/border-gray-* → bg-bg-*/text-text-*/border-border-*
- 可访问性：触控目标 <24px 归零（footer 链接列 [&_a]:min-h-6 收口 377 处等）、
  news 搜索框补 aria-label、标题跳级 h2→h4 修正为 h3、装饰 blur 光斑容器补
  overflow-hidden 消除伪文本裁剪
- 验证：tsc 0 / eslint 0 error / jest 0 失败用例 / dogfood 33 路由 × 双主题 P1-P3 全零
 2026-09-20 11:50:58 +08:00
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
zhangxiangand阿睿 ac21936785 refactor(admin): 装饰性模型卡图标底复用 accent token 以暗黑反色 
仪表盘模型卡/统计卡的 blue/amber/purple/teal/rose/indigo 图标底是纯装饰
多色强调（非语义状态），原用 raw bg-X-50 等 Solid 浅色，暗黑模式仍为浅色盒。

- 复用项目既有 accent 色组（bg-accent-{hue}-soft 透明浅色调 + text-accent-{hue}），
  透明 soft 叠加暗黑页面底色即自动反色为深色底（与 products-content-v3 /
  metric-card 既定模式一致）。
- tailwind.config.js + globals.css：accent 组补 rose/indigo 两色（DEFAULT + soft
  + rgb），blue/amber/teal/purple 已由既有 token 覆盖，无需新增。

验证：type-check 0 errors；lint 0 errors；单测 1624 passed；视觉回归 22 passed；
Playwright 实测新增 rose/indigo 变量接线正确，装饰框实际渲染色
浅 rgb(231,240,254) → 暗 rgb(16,28,47) 确认反色。

Co-Authored-By: 阿睿 <workbuddy@tencent.com>
 2026-09-01 07:40:43 +08:00
zhangxiangand阿睿 4af238bdd9 refactor(admin): tokenize 语义色并补暗黑模式变量覆盖 
将 admin 8 文件 ~50 处 raw red/green/yellow/amber/blue 类替换为语义 token
（error/success/warning/info），使其错误/成功/警告框在暗黑模式正确反色。

- tailwind.config.js: error 补 text 子键（原缺，text-error 暗黑底仅 3.3:1 不达 AA）
- globals.css: 新增 --color-error-text；html[data-theme='dark'] 补四语义色的
  *-bg（深色底）与 *-text（浅色，暗底达 AA）覆盖，原暗黑块完全漏掉这些变量
- 映射纪律：语义框 bg-<c>-bg border border-border-secondary text-<c>-text；
  危险按钮 bg-error/bg-success hover:bg-*-hover text-white；字段校验 border-error

验证：type-check 0 errors；lint 0 errors；单测 1624 passed；视觉回归 22 passed；
Playwright 实测 8 变量 light/dark 翻转 + 真实登录错误框背景反色确认。

Co-Authored-By: 阿睿 <workbuddy@tencent.com>
 2026-09-01 07:26:53 +08:00
zhangxiang 40c6cd612d feat(theme): 暗黑模式 Phase 1 基础设施 + 首页试点 
为 html[data-theme='dark'] 添加完整 CSS 变量覆盖块，建立暗黑模式基石。
--color-ink 收窄为'文字/描边跟随主题'语义，深色 UI 元素（卡片/按钮/遮罩/
代码块/页脚）迁到 --color-dark-bg / --color-overlay 独立 token，避免 ink
反色为浅色文字时连带把深色区块变浅（双语义冲突）。

【基础设施】
- globals.css：
  * html/body 顶部硬编码 #FFFFFF !important 改 var() 化（保留 !important）
  * :root 新增 --color-overlay / --color-overlay-rgb（遮罩/深色叠加层，
    永不反色）
  * 新增 html[data-theme='dark'] 覆盖块：墨色反色为浅色文字，bg/text/
    border 层级反色，link 反色；保留 --color-dark-* / --color-brand-section
  * pre 背景 var(--color-ink) → var(--color-dark-bg)
- tailwind.config.js：注册 overlay 色（rgb() 形式，支持 /50 /60 修饰符）
- layout.tsx：head 内联防 FOUC 同步脚本，读 localStorage['novalon-theme']
  设置 data-theme（当前无切换 UI，仅作未来挂载点）

【首页试点 + 布局组件】（浅色值完全等价 → 浅色零视觉差异）
- home-content-v15.tsx：7 处 bg-white → bg-bg-primary（narrative/insights/
  cases sections 与卡片），2 处 bg-ink → bg-dark-bg（案例卡 bg-dark-bg 不
  随反色，保留深色画布）
- header.tsx / mega-dropdown.tsx：bg-white → bg-bg-primary（导航栏/移动
  端菜单/下拉面板）
- footer.tsx：bg-[#0A0E14] → bg-dark-bg（语义统一，视觉零差异）

【全局 UI 组件】（深色区块语义统一 + 遮罩固定深色）
- button.tsx：secondary 'bg-ink hover:bg-ink-light' → bg-dark-bg / hover:bg-dark-bg-secondary；
  outline 'hover:bg-ink hover:border-ink' → hover:bg-dark-bg / border-dark-bg
- stats-showcase / milestone-timeline：isDark 分支 bg-ink → bg-dark-bg
- metric-card：isDark 分支 bg-ink/50 → bg-overlay/50，hover:bg-ink → hover:bg-overlay
- dialog / alert-dialog：遮罩 bg-ink/60 → bg-overlay/60（永不反色）
- button.test.tsx：断言 bg-ink → bg-dark-bg，注释同步

【验证】
- type-check 0 errors
- lint 0 errors（127 warnings 既有，非本次引入）
- jest 128 suites / 1623 passed（button 断言同步通过）
- 视觉回归先非 update：21 passed（浅色安全门零 diff）+ 1 failed
  （仅 theme-dark-main，dark 快照从浅色名义变真正深色 = 语义修复预期）
- update-snapshots：22 passed，仅 theme-dark-main 基线重写
- computed-style 权威验证（一次性脚本，已删除）：
  dark 7 项断言全过（html/body/hero/导航栏/案例卡→深色 #0A0E14；
  body 文字→浅色 #F8FAFC；footer/overlay→保持深色）；light 4 项零回归

【未在 Phase 1 范围】（已识别，留待 Phase 2/3 决策）
- service-detail-content-v4.tsx 等营销页 bg-white：Phase 2 批量 token 化
- admin 页面 bg-white + RichTextEditor：admin 边界决策 + Phase 3
- 品牌红 #C41E3A 在深色底对比度复检：Phase 3
 2026-08-31 18:15:58 +08:00
zhangxiang b65ddd1ff7 fix(a11y): 无障碍与 lint 修复（对比度/alt 属性/触控目标收窄）+ Geist 本地字体系统 2026-08-31 12:03:32 +08:00
张翔 10404dbb36 chore: sync marketing pages, CMS extensions, tests and project docs 
同步工作区剩余变更，主要包括：
- 营销页面组件与布局持续优化（about/news/services/solutions/team 等）
- 详情页四层叙事组件、布局组件、UI 组件调整
- CMS 数据模型、API 路由、权限、工作流、站内通知、媒体管理扩展
- 新增/补充单元测试与 E2E 测试（cms-workflow.spec.ts 等）
- ESLint 9 迁移、jest/tsconfig 配置更新、依赖调整
- 新增 ADR、CMS 评估文档、Release Review / Acceptance 报告
- 移除水墨装饰组件与大体积未使用字体文件
 2026-07-25 08:04:01 +08:00
张翔 c9de806109 chore(config): 更新项目构建与测试配置 
- 升级 Next.js 配置，移除 webpackBuildWorker 实验特性
- 更新 Tailwind 设计令牌系统，对齐新品牌色与字体
- 配置 TypeScript strict 模式 (noUncheckedIndexedAccess)
- 更新 ESLint 规则与 Jest 测试配置
- 添加 prisma.config.ts 数据库配置
 2026-07-07 06:51:48 +08:00
张翔 415a103a24 style(theme): 更新网站主题色彩方案与字体配置 
- 调整主色调从 #1C1C1C 至 #1A1A1A，优化视觉层次
- 更新背景色系为暖白色调 (#FAFAF7, #F5F4F0 等)
- 配置中文字体栈，添加 serif 字体支持
- 优化文本颜色梯度，提升可读性
- 调整边框颜色，统一水墨风格
- 添加 Google Search Console 验证码配置项
- 新增桌面应用架构专家代理配置文件
- 重构 E2E 测试等待策略，提升稳定性
- 添加回归测试脚本，增强质量保障
 2026-06-17 11:37:25 +08:00
张翔 8840c4398a feat: downgrade tech stack to stable versions and integrate GA4 error monitoring 
- Downgrade Next.js 16→14.2, React 19→18.3, Tailwind 4→3.4
- Add comprehensive GA4 error monitoring system
- Create Jenkins CI/CD pipeline with quality gates
- Fix build issues: ESLint, SWC conflict, config format
- Add documentation for deployment and error tracking
 2026-05-12 12:45:18 +08:00