feat(app-iced): Ink Cat / Silver Cat 换肤 —— 双色板默认 + 规格卡组件几何(M229)

产品出厂外观从 tone 派生的 `Scheme::baseline` 切到品牌色板:深色 = Ink(淡绿)、
浅色 = Silver(钢蓝),D38 取色链(背景图 / 壁纸)仍然优先,取色失败回落到色板。

主题三档接进设置页「通用 → 主题」:Ink / Silver / 跟随系统(落盘仍是
`appearance.theme_mode` 的 dark / light / auto,不新增配置键)。

组件几何按规格卡对齐(M228 的 `inkcat` 登记项逐条落地):
- 卡片圆角 12 → 16;实例元信息卡改用新的 ELEVATED CARD(无描边、SurfaceContainer
  底、内距 24、上标注 11/600)
- Snackbar 48/4 → 52/16(双行 72)
- Checkbox 20/rx2 → 18/rx4;Radio 20 → 18 Ø(内点仍 10)
- 按钮加 XS~XL 五档(产品仍只用 S=40),内距改走 ControlSize::pad_x
- 新增 FAB 四态(40/56/80/160×56)与图标按钮第四式 outlined
- 语言与主题两行 chips 统一成规格卡 chip(32 高 / rx8)

`theme.rs` 原本正好 400 行,先把单测纯搬移到 `theme/tests.rs` 再加色板字段;
`app/tests.rs`、`settings/general.rs` 同样按纯搬移拆分守 400 行硬线。

验证:cargo fmt --all --check、cargo check -p unlucky-app-iced --all-targets、
cargo test --workspace(除 clippy 前的一轮 flake,见报告)、cargo clippy --workspace
--all-targets -- -D warnings、全仓 400 行扫描。视觉矩阵 42 张在
DevDocs/artifacts/m229/(gitignored,不进提交)。
This commit is contained in:
AskaEth committed 2026-11-11 01:49:13 +08:00
1 parent a06b7ff4ec
commit db541c820e
44 files changed
+1439 -300

No files matched your search

@@ -0,0 +1,68 @@
//! ELEVATED CARD 的几何/排版断言(对着规格卡原值,不看渲染结果)。
//!
//! 抓得住:圆角退回组件表的 12、内边距被换成 `card_padding`、上标注变成 500/700 这些「悄悄改数」。
//! 抓不住:底色对不对(要看 `Ui::color(SurfaceContainer)` 的来源,那条由 `theme` 的色板测试守)、
//! 以及卡在页面里好不好看(D30 视觉判定)。
use super::*;
use unlucky_design::shape::ShapeScale;
const FAMILIES: crate::theme::Families = crate::theme::Families {
text: "Segoe UI Variable Text",
display: "Segoe UI Variable Display",
mono: "Cascadia Mono",
};
fn ui(flavor: unlucky_design::color::SchemeFlavor) -> Ui {
Ui::with_platform(
flavor,
unlucky_design::typography::Platform::Windows,
FAMILIES,
)
}
#[test]
fn the_card_takes_the_spec_corner_and_padding() {
let ui = ui(unlucky_design::color::SchemeFlavor::Dark);
assert_eq!(ui.card_shape(), ShapeScale::Large, "规格卡 rx=16");
assert_eq!(ui.card_box().radius_px(), 16.0);
assert_eq!(PAD, 24.0, "规格卡文字 x=88 − 框 x=64");
// 4px 栅格(`spacing::GRID`)上:24 是,21(描边卡的 card_padding)不是——两者不许混用。
assert_eq!(PAD % unlucky_design::spacing::GRID, 0.0);
}
#[test]
fn the_typography_matches_the_spec_rows() {
let style = overline_style();
assert_eq!(style.size_px, 11.0, "上标注 11px");
assert_eq!(style.weight, Weight::SemiBold, "上标注 600(不是 500/700)");
let title = TypeRole::BodyLarge.style();
assert_eq!(title.size_px, 16.0, "标题 16px");
assert_eq!(title.weight, Weight::Regular, "标题 400");
let support = TypeRole::BodyMedium.style();
assert_eq!(support.size_px, 14.0, "副文案 13 → 取较大档 14");
assert_eq!(support.weight, Weight::Regular);
}
/// 卡片是**靠层级差站立**的:底色必须是 `SurfaceContainer`(画布上一档),不是画布色本身。
#[test]
fn the_card_surface_sits_one_step_above_the_canvas() {
for board in unlucky_design::color::BrandBoard::ALL {
let scheme = board.scheme();
assert_ne!(
board.get(Role::SurfaceContainer),
board.get(Role::Surface),
"{}:卡底与画布同色,卡会「消失」",
board.name()
);
// 无描边:卡的存在感只能来自这一档色差,所以必须 > 1.0(差多少属观感,D30 判)。
let card_vs_canvas = scheme.contrast(Role::SurfaceContainer, Role::Surface);
assert!(
card_vs_canvas > 1.0,
"{}:卡底对画布 {card_vs_canvas:.3}:1,看不出层级",
board.name()
);
}
}