配色统一对比预览 · 旧 → 新

药材谷全站 · 2026-10-08  |  目的:把散落的 1482 种色值收敛到标准色板,对外页统一浅底国风

① 业务卡片

旧版各页卡片描边/底色各写各的(--line 有 14 种写法);新版统一 --card 底 + --line 描边 + --r2 圆角 + --sh 阴影。

旧版(散值)

一产 · 种质繁育

描边 #e0e0e0 / 圆角 9px / 阴影随机 · 与邻页不一致

二产 · 初加工

标题绿 #365247 · 又一套绿

三产 · 全国药市

标题绿 #4d6558 · 第三套绿

新版(标准色板)

一产 · 种质繁育

统一 --card / --line / --r2 / --sh

二产 · 初加工

标题统一 --ink #23282d

三产 · 全国药市

辅色仅用 --dai / --qing / --gold

② 标准色板(统一后唯一口径)

对外可见页一律浅底国风;暗金仅数据大屏(挂 .dark)。

--paper
--paper2
--paper3
--ink
--ink3
--dai
--dai2
--qing
--zhe
--gold
--gold2
--up 涨
--down 跌

③ 收敛映射(旧散值 → 新标准)

仅列高频项;全量见 color_audit.json。

类别旧散值(示例)统一为影响
标题绿#365247 / #4d6558 / #1e7a5a / #4d6558--ink #23282d(正文)
--qing #4d6558(强调)
三套绿合一
品牌金#9a8455 / #8d918f / #9a8455--gold #9a8455金色归一
描边14 种 rgba/#e0e0e0…--line / --line2两档制
卡片底色#fff / #fdfdfd / #fbfbfb…--card / --card2两档制
圆角8/9/10/12/14--r 12 / --r2 18两档制
配色总数1482 种 → 目标 ≤ 30 种降幅约 98%

④ 重点治乱页(GitHub 暗色误用)

验收报告族 20 页误用 GitHub 暗色,与全站浅底国风冲突 → 统一回浅底。

旧版(GitHub 暗色误用)

交付验收报告

底 #0d1117 文字 #c9d1d9 —— 与全站国风割裂

新版(回归浅底国风)

交付验收报告

底 --card 文字 --ink —— 与全站一致