由于 Unraid 升级到 7.2+ 版本后，原本常用的 “Theme Engine” 插件已不再兼容，为了继续自定义 WebUI 的样式，我开发了一个轻量级的 CSS 注入插件，并在此基础上发布了一套我个人使用的 “Modernization” 主题。
1. Custom WebUI CSS 插件
这是一个专门为 Unraid 7.2+ 设计的轻量级插件。我的需求很简单：将自定义 CSS 代码注入到网页中。既然旧插件无法使用，我便编写了这个替代方案。
主要功能：
- 全局 CSS 注入： 将 CSS 代码自动加载到每个页面的
<head>中。 - 深色主题附加CSS： 可输入仅在 Unraid 主题设置为 ‘black’ 时加载的额外CSS，用于方便在黑/白主题间兼容和切换。
- 额外资源文件： 支持从 Flash 到 Web 目录同步额外的静态资源（如背景图片等），可在CSS中引用。
项目地址： https://github.com/WuSiYu/unraid-custom-css
Unraid论坛地址：https://forums.unraid.net/topic/195276-plugin-simple-custom-webui-css-plugin-for-unraid-72
注意： 本插件仅在 Unraid 7.2+ 上测试通过。如果你使用的是 7.1.4 及以下版本，建议继续使用 Theme Engine。
2. Modernization Theme
配合上述插件，我整理了个人使用的 CSS 样式，命名为 Modernization Theme。
设计特点：
- 现代化外观： 重新设计了 Dashboard 和 Main 等核心页面的视觉体验。
- 按钮风格： 改善了Unraid原本比较丑的圆角渐变边框设计，现在具有完美的圆角，并在支持的浏览器上还有渐变文字。
- 黑/白主题兼容： 适配 Unraid 原生的 White 和 Black 两种基础主题。
- 稳健性： 克制了 CSS 的修改范围，尽量避免破坏第三方插件的显示效果。
3. 安装与使用指南
第一步：安装插件
进入 Unraid 的 PLUGINS -> Install Plugin 页面，输入以下 URL 进行安装：
https://raw.githubusercontent.com/WuSiYu/unraid-custom-css/refs/heads/master/custom.css.plg（正在等待CA应用商店审核，不出意外等之后也可以直接在上面装）
第二步：输入主题CSS
- 安装完成后，前往
SETTINGS->Custom WebUI CSS。 - 打开下方链接，复制其中的 CSS 代码： https://github.com/WuSiYu/unraid-custom-css/blob/master/example.css
- 将代码粘贴到插件的配置框中，点击应用即可。
本主题有意限制了自定义样式的生效范围，以最大程度避免破坏第三方插件的样式。但如果你在使用过程中依然了遇到任何第三方插件的兼容性问题，欢迎反馈。
