1.2 KiB
2026-09-20 — Web UI-кит как в mobile iOS kit
Кабинет переведён на те же токены и примитивы, что Flutter mobile/lib/ui.
Токены
web/src/design/tokens.css — Apple HIG: accent #12885A / #3CD68C, label /
separator / grouped surfaces, SF-шкала, 4pt сетка, радиусы 6/10/12/16.
Светлая и тёмная тема через prefers-color-scheme. Шрифт Inter.
Старые --color-* оставлены как алиасы.
Кит
web/src/ui/ — AppButton (filled/tinted/gray/plain/destructive), AppText,
AppTextField, AppListSection/Tile, AppSegmented, AppProgress, AppEmpty/Error,
Chip, Avatar, Skeleton. Стили в kit.css.
Старые components/ui (Button, Field, PageHeader, MetricGrid, …) — тонкие
обёртки над китом, страницы не ломаются.
Оболочка
AppShell: translucent bar, inset-grouped нав на десктопе, капсулы на узком
экране. Обзор и журнал собраны на list/segmented. Остальные экраны получают
iOS-вид через те же кнопки, поля и data-list.