惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

美团技术团队
罗磊的独立博客
SecWiki News
SecWiki News
The Register - Security
The Register - Security
The GitHub Blog
The GitHub Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 三生石上(FineUI控件)
S
Schneier on Security
IT之家
IT之家
博客园 - 聂微东
T
The Exploit Database - CXSecurity.com
Recorded Future
Recorded Future
大猫的无限游戏
大猫的无限游戏
Know Your Adversary
Know Your Adversary
Latest news
Latest news
Vercel News
Vercel News
G
GRAHAM CLULEY
D
DataBreaches.Net
D
Darknet – Hacking Tools, Hacker News & Cyber Security
S
SegmentFault 最新的问题
博客园_首页
雷峰网
雷峰网
T
Tenable Blog
Spread Privacy
Spread Privacy
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
酷 壳 – CoolShell
酷 壳 – CoolShell
Cisco Talos Blog
Cisco Talos Blog
V
Visual Studio Blog
J
Java Code Geeks
博客园 - Franky
The Cloudflare Blog
Apple Machine Learning Research
Apple Machine Learning Research
C
CERT Recently Published Vulnerability Notes
T
Threatpost
Google DeepMind News
Google DeepMind News
F
Fortinet All Blogs
P
Privacy International News Feed
T
Threat Research - Cisco Blogs
T
The Blog of Author Tim Ferriss
V
Vulnerabilities – Threatpost
Recent Announcements
Recent Announcements
Blog — PlanetScale
Blog — PlanetScale
Security Latest
Security Latest
U
Unit 42
M
MIT News - Artificial intelligence
Y
Y Combinator Blog
K
Kaspersky official blog
有赞技术团队
有赞技术团队
B
Blog
腾讯CDC

WuSiYu Blog

Arduino UNO Q 开发板初体验 - WuSiYu Blog 解决Open WebUI接入Qwen3.5/3.6模型后无法自动生成对话标题的问题 - WuSiYu Blog 世界加钱可及?若干 AWS / GreenCloud / Lightlayer / RFCHOST / SiliCloud / Vultr 的日本/新加坡/香港/美国VPS全天ping测试 - WuSiYu Blog 让UniFi中的拓扑图正确显示第三方交换机和虚拟机 站点迁移后测试中 虚拟机检测绕过和nvme性能优化的libvirt配置 UCG Fiber 主路由器 + OpenWrt 透明代理 + 高可用 方案和评测(对比ROS) OpenWrt上AdGuardHome前置配置的一些小坑 杂谈:libvirt/qemu Windows游戏VM的一些优化配置 Fedora + libvirt 下在宿主关机时安全关闭虚拟机 群晖ddrescue与暂时禁用USB外接硬盘自动挂载 OpenWrt One 路由器(MT7981,主线op)超频bl2编译教程 白群晖之 在“不受支持”的机型上启用btrfs和快照功能 解决群晖Photos iOS客户端备份大视频时报错“备份已暂停-空间不足”
Unraid 7.2+ WebUI美化主题和自定义CSS插件
SiYu Wu · 2025-11-27 · via WuSiYu Blog

由于 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

  1. 安装完成后,前往 SETTINGS -> Custom WebUI CSS
  2. 打开下方链接,复制其中的 CSS 代码: https://github.com/WuSiYu/unraid-custom-css/blob/master/example.css
  3. 将代码粘贴到插件的配置框中,点击应用即可。

本主题有意限制了自定义样式的生效范围,以最大程度避免破坏第三方插件的样式。但如果你在使用过程中依然了遇到任何第三方插件的兼容性问题,欢迎反馈。