Jellyfin 美化主题合集分享！一键提升你的影音服务器颜值

云码酷 · 于昨天 19:01

马上注册，自学更多教程，下载更多资源。

您需要登录才可以下载或查看，没有帐号？立即注册

x

小伙伴们有没有觉得默认的 Jellyfin 界面有点单调？今天整理了几款超赞的 CSS 主题，手把手教你用最简单的方式让影音库颜值飙升，快来抄作业

主题安装指南

Jellyfin 的 CSS 主题可以通过「控制台→外观→自定义 CSS」添加，将以下代码复制粘贴保存即可生效～

精选主题推荐

1. JellySkin 基础款（自动更新）

[CSS] 纯文本查看 复制代码

@import url("https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/main.css");

/* 可选：启用徽标样式 */

@import url("https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/logo.css");

特点：简约现代风，适配性强，支持自动更新最新版本，新手首选！

2. JellyFlix 系列主题

基本版本（自动更新）

[CSS] 纯文本查看 复制代码

@import url("https://cdn.jsdelivr.net/gh/prayag17/JellyFlix@latest/default.css");

Jellyfin-Blue（蓝色系）

[CSS] 纯文本查看 复制代码

@import url("https://cdn.jsdelivr.net/gh/prayag17/JellyFlix@9.0.4/addons/jf-blue.css");

清新蓝色调，适合喜欢冷色系的用户，界面清爽不刺眼～

Jellyfin-Purple（紫色系）

[CSS] 纯文本查看 复制代码

@import url("https://cdn.jsdelivr.net/gh/prayag17/JellyFlix@9.0.4/addons/jf-purple.css");

高级感紫色渐变，搭配深色背景超有格调，夜间模式友好！

3. JellySkin 进阶定制版

[CSS] 纯文本查看 复制代码

@import url('https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/main.css');

@import url('https://cdn.jsdelivr.net/gh/prayag17/JellySkin/addons/Gradients/nightSkyGradient.css'); /* 夜空渐变背景 */

@import url('https://cdn.jsdelivr.net/gh/prayag17/JellySkin/addons/Logo.css'); /* 徽标样式 */



/* 自定义Logo图标（替换成你的图片链接） */

.adminDrawerLogo img { content: url([url]https://c2.im5i.com/2022/10/20/TopCm.gif[/url]) !important; }

imgLogoIcon { content: url([url]https://c2.im5i.com/2022/10/20/TopCm.gif[/url]) !important; }

.pageTitleWithLogo { background-image: url([url]https://c2.im5i.com/2022/10/20/TopCm.gif[/url]) !important; }

进阶技巧：

可替换nightSkyGradient.css为其他渐变样式（如oceanGradient.css海洋风）；

最后三行代码支持自定义顶部 Logo，换成你喜欢的动图 / 海报更个性！

注意事项

主题可能因 Jellyfin 版本不同出现适配问题，建议先备份原 CSS；

自定义 Logo 需使用公开可访问的图片链接（如图床）；

若样式冲突，可在代码末尾添加!important提升优先级（如示例中所示）。

上一篇：DS get的平替应用NAS Download Manager，群晖NAS用户的福音！