01
Light Engineering Environment · 浅色工程环境
冷调「工程纸面」,非米色/奶油;对比度正文 ≥4.5:1。
BG
主背景oklch(0.982 0.004 250)页面底
SURFACE
表面oklch(0.996 0.001 250)卡片/面板
SURFACE-2
次背景 / 悬停oklch(0.960 0.005 250)分区/行悬停
FG
主文本#383E4210.30:1 ✓
MUTED
次级文本oklch(0.45 0.016 250)7.05:1 ✓
FAINT
弱文本oklch(0.50 0.014 250)5.69:1 ✓
BORDER
边框oklch(0.89 0.008 250)发丝线
STRONG
强线oklch(0.74 0.013 250)2.19:1 · 结构分隔
SELECTED
选中oklch(0.955 0.02 230) + 青墨左线选中行
02
Dark Control Environment · 深色控制环境
夜蓝为底,独立于浅色中性,不是反色。
BG
主背景#090D24系统面
SURFACE
次背景 / 面板oklch(0.205 0.030 265)面板
SURFACE-2
表面 / 悬停oklch(0.245 0.035 265)悬停/高层面
FG
主文本oklch(0.945 0.006 250)16.34:1 ✓
MUTED
次级文本oklch(0.68 0.016 250)6.67:1 ✓
FAINT
弱文本oklch(0.60 0.018 260)4.86:1 ✓
BORDER
边框oklch(0.32 0.035 265)发丝线
STRONG
强线oklch(0.43 0.045 265)结构分隔
SELECTED
选中表面 + 亮青左线选中行
03
对比度校验 · Contrast Verification
文本角色已按 WCAG 校验;边框/强线为结构分隔(非文本)。
| 环境 | 文本角色 | 前景 | 背景 | 对比度 | WCAG |
|---|---|---|---|---|---|
| Light | 主文本 | #383E42 | bg | 10.30:1 | AA ✓ |
| Light | 次级文本 | oklch(0.45 0.016 250) | bg | 7.05:1 | AA ✓ |
| Light | 弱文本 | oklch(0.50 0.014 250) | bg | 5.69:1 | AA ✓ |
| Dark | 主文本 | oklch(0.945 0.006 250) | night | 16.34:1 | AA ✓ |
| Dark | 次级文本 | oklch(0.68 0.016 250) | night | 6.67:1 | AA ✓ |
| Dark | 弱文本 | oklch(0.60 0.018 260) | night | 4.86:1 | AA ✓ |
| Dark | 弱文本(面板上) | oklch(0.60 0.018 260) | surface | 4.55:1 | AA ✓ |
| Dark | 签名青(信号文本) | #00A6D6 | night | 6.79:1 | AA ✓ |
| Dark | 派生亮蓝(链接) | oklch(0.60 0.11 263) | night | 4.82:1 | AA ✓ |
04
代表片段 · Representative Fragments
提案值在两种环境中的实际呈现(仅替换中性色,不重设计界面)。
Light · 密集表片段
PX-4200-PRC-0412P&ID · 化学回收工艺流程工艺 · REV C2026-08-12
PX-4200-EQ-0409终缩聚反应器 R-201 数据表设备 · REV C2026-08-10
选中行:oklch(0.955 0.02 230) + 青墨左线
已批准评审中当前延误
Dark · 控制片段
PX-4200-EQ-R201终缩聚反应器 R-201长周期设备58%
PKG-01交付延迟 12 周后果:机械竣工 +12 周延误
选中行:表面 + 亮青左线
已批准当前延误