首页
演示账号
本月支出
¥ 4,286
本月收入
¥ 12,500
结余
¥ 8,214
近七日支出趋势
账本
个人 · 演示
给 LifeSystem 换个样子：左侧边栏、顶部栏、菜单图标、主色调，全部可视化调配。
不改动宿主任何一行代码，卸载即恢复原样。
下面是还原的后台界面，点任意方案即时预览。刻意加了点状背景，方便你看出「透明」和「毛玻璃」的真实观感。
四类调整互相独立，可以只动其中一项。
控制 .sidebar 与悬浮子菜单的背景。11 种预设（毛玻璃 / 纯白 / 透明 / 松石绿 / 墨黑 / 深空蓝 / 暖砂…）之外，还能自己取色、调透明度（0–100%）与模糊强度（0–40px）。文字和图标颜色会按背景明暗自动换算，不会出现「绿底黑字」。
宿主默认那层毛玻璃就挂在 .navbar 上，这里是唯一能把它换掉的地方：改成透明、纯色、或更强的模糊。移动端/PC 同步生效。
六种风格：跟随系统、Emoji、主色单色、分组彩色、统一白色、隐藏。选 Emoji 后会展开逐菜单面板：19 个分组 + 80 个二级菜单项都内置了推荐图标，可以「只填分组」「只填菜单项」或一次全填；填的是空格，不会覆盖你已经改过的。没配置的菜单保留系统原图标，不会被整片替换掉。
9 色预设一次改掉按钮、链接、激活态的 --accent 系列变量，日间/夜间各自取值，保证两边都好看。
插件菜单对所有登录用户可见，但「能不能改」由管理员决定。
| 角色 | 权限 |
|---|---|
| 管理员 | 调整全站统一样式；决定是否放行用户自定义；可一键清除所有人的个性化设置 |
| 普通用户（已放行） | 在「只应用到我自己」里设置自己的配色和菜单图标，与他人互不影响；随时可回到统一样式 |
| 普通用户（未放行） | 只读查看当前样式，界面上会提示联系管理员 |
LifeSystem 后台本身就是 CSS 变量驱动的，插件只通过官方 head.meta 挂载点补一段样式。核心文件一个字节都没动，客户端升级也不会被覆盖。
卸载时脚本会删掉自己建的四张表（uidesign_settings、uidesign_user_settings、uidesign_icons、uidesign_user_icons），不留垃圾数据。
不加载任何第三方 CDN、字体或统计脚本。每次请求只多一次数据库查询和一段内联 CSS，没有额外的 JS 开销。
它覆盖的都是宿主的公开变量，例如：
/* 侧栏 */
html body.theme-light { --sidebar-bg: …; --sidebar-text: …; --sidebar-icon: … }
html body.theme-dark { … } /* 明暗两套分别定义，夜间不会崩 */
/* 顶栏：宿主的背景是硬编码 + !important，而且「设了背景图」时还会多一条
权重更高的内联规则，所以选择器必须写成更有分量的形式才压得住 */
html body:not(.theme-dark).has-bg-image .navbar.bg-white { background-color: … !important }两个插件在图标这件事上共用同一套数据，不需要重复配置。
菜单有两个粒度：侧栏是分组（如「记账管理」），而 Dock 是菜单项（如「记账」「明细」，共几十个）。图标按两级来定：
grp:bookkeeping → 分组级：改侧栏这一组的外观
transaction-create → 菜单项级：只改这一项，优先级更高
（都没配） → 保持系统原本的图标，不会被一键抹掉默认「分组级」只作用在侧栏那一行分组上——因为悬浮子菜单里的每一项都是不同功能，套同一个图标反而更乱。菜单项（二级菜单）有自己的一套推荐图标，点「只填菜单项」即可逐个套上。想让整组（含 Dock 里的项）一起用同一个图标，勾选配置页里的「组图标同时套用到组内所有菜单」即可。