AI和Mine页面的样式改成新样式了。

This commit is contained in:
lik
2026-10-04 19:06:45 +08:00
parent 5844272762
commit 428fb7c52c
21 changed files with 643 additions and 584 deletions
+33 -1
View File
@@ -1,7 +1,39 @@
/**app.wxss**/
page {
/* 品牌翠绿:#22A45D 为基准色(第 7 档),向浅/深各展开数档。
/* ===== 全站配色令牌 · 唯一来源(改配色只改这里)=====
各页 page{} 不再重复定义这份色板。本文件先注入、页面 wxss 后注入,
同特异度下页面胜出,所以某页确需例外时仍可在自己的 page{} 里覆盖同名变量。
仍有四处硬编码走不了变量,改色时须一并手改(清单见 doc/DESIGN.md §7.3):
t-icon 的 color 属性、app.json 的 tabBar.selectedColor、
首页 base64 内嵌线图标的 stroke、images/ai-ink.png 位图。
主色沿革(#C2410C H18/L40 → #B8520A H25/L38)与逐文件回滚清单见 DESIGN.md §七 */
--brand-strong: #B8520A; /* 主按钮 / 选中态 / 实心强调块:白字 4.94:1、纸面 4.66:1、白卡 4.94:1,过 AA */
--brand-soft: #FFF4E8; /* 浅橙衬底:图标底、标签底、按钮按下态 */
--brand-line: #FFE0C2; /* 浅橙衬底的描边 */
--brand-ink: #9B4508; /* 浅橙底 / 纸面上的文字与线图标:浅橙底 5.96:1、纸面 6.10:1,过 AA */
/* 中性:暖灰阶,与暖白纸面同温(冷灰会让白卡边缘发青) */
--ink: #2B2521;
--ink-2: #4A4038;
--muted: #6F655C; /* 纸面 5.37:1 / 白卡 5.69:1 / 浅橙底 5.24:1,过 AA 正文。
历史值 #7A7068 落在纸面上只有 4.56:1,已废弃 */
--faint: #A79C92; /* 仅用于非文字装饰 */
--line: #ECE3D6; /* 米色发丝边。原 #F0E9E0 在纸面上只有 1.12:1,而白卡与纸面的
填充差本身只有 1.06:1——边界全靠这条边,故压深一档:
纸面 1.20:1 / 白卡 1.27:1 */
--sep: #E5DACC; /* 分隔线专用:比 --line 深一档,浅橙底上才看得见 */
--paper: #FAF8F5; /* 暖白纸面。原 #FAF6F0 的 R−B=10,黄度偏重、大面积铺开会被读成
"旧纸/发闷";压到 R−B=5 后黄度减半,明度反而略升
(L* 97.0 → 97.7),暖白身份保留 */
--white: #FFFFFF;
/* 阴影:偏移与模糊半径都保持"小偏移、小模糊"的锐利档 */
--shadow-card: 0 2rpx 10rpx rgba(63, 43, 25, 0.07); /* 白面一律走中性阴影 */
--shadow-cta: 0 2rpx 8rpx rgba(184, 82, 10, 0.16); /* 只给实心 CTA、品牌印记这类小体量元素 */
/* --- 以下与上面的色板无关,是待收口的历史遗留(见 DESIGN.md §5.2)---
品牌翠绿:#22A45D 为基准色(第 7 档),向浅/深各展开数档。
首页主视觉已确定该绿为品牌主色,全站令牌与之对齐,
避免二级页沿用旧橙色造成首页与内页两套配色。 */
--td-brand-color-1: #f0faf3;