FnOS UI Mods

FnOS UI Mods 是一个面向飞牛 WebUI 的界面增强项目,核心目标是为原生界面加入平滑圆角、亚克力背景和更自然的动画反馈,让日常操作更顺滑、更清晰。

项目通过向 WebUI 页面注入 CSS 与 JavaScript 实现样式补丁,支持以浏览器插件方式注入,也支持直接注入到 NAS 系统文件。默认推荐插件注入,回滚和切换配置更方便。

部分效果依赖 corner-shape,在 Chrome 139 及以上版本可获得最佳视觉表现。

优化项目

  1. 01窗口背景模糊
  2. 02窗口打开、关闭、最小化、还原动画
  3. 03任务栏图标过多滚动
  4. 04任务栏精简
  5. 05更多鼠标悬停动画
  6. 06更清晰的右键菜单
  7. 07更好的桌面图标、启动台响应式
  8. 08大多数区域的平滑圆角
  9. 09可选的优化版窗口标题栏样式
  10. 10自定义 UI 主题色
  11. 11自定义 UI 字体

FnOS UI Mods 基于“向官方 WebUI 页面注入补丁”的方式工作,通过 CSS 和 JS 调整界面细节,让飞牛 WebUI 在视觉连贯性与交互反馈上更接近现代桌面系统体验。

项目重点是平滑圆角、窗口动效和可定制主题,兼顾观感与可用性。对于支持corner-shape 的浏览器版本,可以获得更完整的圆角过渡效果。

让飞牛 WebUI 更顺滑、清晰、可定制。

项目中的多数非样式说明文本由 Codex、Gemini 等 LLM 辅助生成。


最新 Commit
--
GitHub Stars
--

02 使用方法

推荐方式是“浏览器插件注入”:拉取源码,再在Chrome/Edge 扩展管理页开启开发者模式并加载本项目目录。

通过插件注入的优势是无需修改 NAS 系统文件,可快速开启/关闭注入并实时调整可选项;若配置后未即时生效,刷新 WebUI 页面即可。

同时项目也正在使用 React 尝试重构 POPUP,如果您愿意体验,请拉取 experimental-extensions-react 分支源码,然后安装依赖,执行 pnpm build:popup,加载本项目目录。

也支持直接注入至 NAS:执行 pnpm build(或 node scripts/build.js)构建后,可使用 SSH 脚本或 FPK 应用完成注入,再刷新 WebUI 页面。

03 可选项

窗口标题栏提供两种风格:传统(类 Windows)与反转(类 macOS)。你可以按个人习惯在构建或 插件配置时自由切换。

启动台同样提供两种样式:传统(类 macOS 全屏启动台)与聚焦(类 macOS 新版聚焦启动台), 兼顾大屏信息密度与快速检索需求。

以上可选项在项目内均已提供,无需手动改源码;构建 mod CSS 或使用插件面板即可配置。

04 完美图标计划

“完美图标计划”聚焦常用应用图标的统一性与识别度,通过重绘与细节修正,解决图标异形不协调、观感不一致等问题。

对于尚未覆盖,或未及时同步到项目最新标识的应用图标,我们会持续补齐与迭代更新,欢迎通过下方入口参与共建。

AList icon
Emby icon
Home Assistant icon
iCloud icon
IT-Tools icon
Kodi icon
One Panel icon
Oray HSK icon
PanIndex icon
qBittorrent icon
QuarkPan icon
Syncthing icon
Transmission icon
Xunlei icon
在 Figma 重绘更多图标写 Issues 申请适配图标

05 注意事项

本项目属于对官方 WebUI 的补丁增强,依赖官方页面结构。若飞牛后续更新了 HTML 或交互实现, 补丁可能出现失效或兼容问题。

项目按“现状(AS IS)”提供,不承诺对未来版本持续可用,不提供适销性、特定用途适配或非侵权 等担保。使用中若发生异常、错误或数据风险,需由使用者自行承担。

该项目为个人开发学习作品,并非飞牛官方产品,也未获得官方授权或认可。

06 许可说明

项目采用 FnOS UI Mods Non-Commercial License 1.0 自定义许可证,允许个人和组织 在非商业场景下使用、修改和分发。

许可明确禁止任何直接或间接盈利用途,包括但不限于售卖、付费服务集成、付费定制和商业支持。 如需完整条款,请以仓库内 LICENSE 文件为准。

若你计划将修改版二次分发,请先确认用途是否属于非商业范围,并保留原许可约束。