mole404
f20e2dbc6c
ui: 全站前端换新(清爽极简 + 亮/暗/跟随系统),交互逻辑零改动
设计系统
- resources/css/app.css:新增设计令牌(亮/暗两套 CSS 变量)+ 组件层
(ls-card / ls-btn / ls-input / ls-table / ls-nav-item / ls-menu …)
- tailwind.config.js:颜色指向令牌 —— 页面写 bg-surface / text-ink / border-line 即可,亮暗自动正确;
字体改为系统字体栈,去掉 Google Fonts 的 Nunito(国内慢、中文用不上)
主题
- resources/js/stores/theme.js:三态(跟随系统 / 亮 / 暗),存 localStorage,系统偏好变化时自动跟随
- layouts/app.blade.php + guest.blade.php:首屏内联脚本先给 <html> 加 .dark,避免暗色下闪白屏
- components/theme-switch.blade.php:外观切换控件(顶栏 + 登录页右上角)
页面
- 布局(sidebar / header / user-nav / notice / strategies / guest)与全部组件按新设计重排
- 27 个视图约 1000 处硬编码灰阶/蓝色 class 换成令牌;只动样式类,
id / data-* / Alpine 指令 / jQuery 钩子一律未动
- 第三方组件补暗色皮肤(toastr / sweetalert2 / viewer.js)
兼容与自证
- context-js.js(iOS 长按菜单)一行未改,md5 仍是 e114c840…
- images.blade.php 仅改样式类,md5 已在 Dockerfile 同步为 ec25ecc2…(?v=ios-longpress4 断言仍在)
- 70/70 jsdom 行为测试通过;verify_repo.py 通过;npm run prod 编译通过
- 构建资源请用 Node 18/20(Node 22+ 与 laravel-mix 6 不兼容)