536 字
3 分钟
Qbittorrent换肤手把手指南教程:让我的QB颜值飙升

皮肤安装#

安装 Qbittorrent 皮肤有两种方式,

  • 直接读取 文件夹,一次安装,永久生效;
  • 通过修改 CSS 文件,在当前电脑的浏览器中生效;

💅 美化效果展示

qb demo 1


qb demo 2

最华丽的 QB 皮肤 —— VueTorrent#

VueTorrent 的优势是不仅可以使得 Qbittorrent 在web端,有一个美观的界面,同时还支持手机端的适配。安装和使用方式:

1️⃣ 下载皮肤文件,⏭下载地址点这里 2️⃣ 将皮肤文件上传装有飞牛的NAS中,并解压到如下目录,📣 保持目录结构如下图所示的样子Pasted image 20250217175846 3️⃣ 使用浏览器访问 Qbittorrent,在设置中找到 webUI,配置如下图: Pasted image 20250218135156 4️⃣ 保存后页面会自动刷新,之后就可能看到效果了。

⚠️⚠️⚠️ 安装后可能遇到的问题

如果页面出现:不可接受的文件类型,只允许使用常规文件

遇事莫慌🤣,解决方式:需要先关闭Qbittorrent 的 Dokcer容器,然后将/vol1/1000/docker/qbittorrent/config/qBittorrent/qBittorrent.conf 文件中的 AlternativeUIEnabled改为 false,删除 RootFolder 中的内容。修改后的文件如下:

WebUI\AlternativeUIEnabled=false
WebUI\RootFolder=

修改完成后,再启动Dokcer容器。

简洁大方的皮肤 —— Catppuccin#

Catppuccin 的安装方式比较特别,需要用到浏览器插件:Stylus,并且配置后,只是在当前电脑中生效,如果更换浏览器或者设备,就无法起到效果了 ‼️

1️⃣ 在Chrome 中 搜索并安装浏览器插件 Stylus Pasted image 20250218135905 2️⃣ 打开 Qbittorrent 网页,点击 刚刚安装好的 Stylus,点击 新建样式 给 xxx Pasted image 20250218140141 3️⃣ 填入 😍喜欢的样式 代码,保存即可。 Pasted image 20250218140312

# latte 皮肤
@import "https://theme-park.dev/css/base/qbittorrent/catppuccin-latte.css";
# frappe 皮肤
@import "https://theme-park.dev/css/base/qbittorrent/catppuccin-frappe.css";
# macchiato 皮肤
@import "https://theme-park.dev/css/base/qbittorrent/catppuccin-macchiato.css";
# mocha 皮肤
@import "https://theme-park.dev/css/base/qbittorrent/catppuccin-mocha.css";

皮肤效果可以看这里:⏭ Catppuccin项目地址

🌟🌟🌟 更多皮肤等你去体验 😏:

# aquamarine 皮肤
@import "https://theme-park.dev/css/base/qbittorrent/aquamarine.css";
# hotline 皮肤
@import "https://theme-park.dev/css/base/qbittorrent/hotline.css";
# hotpink 皮肤
@import "https://theme-park.dev/css/base/qbittorrent/hotpink.css";
# dracula 皮肤
@import "https://theme-park.dev/css/base/qbittorrent/dracula.css";
# dark 皮肤
@import "https://theme-park.dev/css/base/qbittorrent/dark.css";
# organizr 皮肤
@import "https://theme-park.dev/css/base/qbittorrent/organizr.css";
# space-gray 皮肤
@import "https://theme-park.dev/css/base/qbittorrent/space-gray.css";
# overseerr 皮肤
@import "https://theme-park.dev/css/base/qbittorrent/overseerr.css";
# plex 皮肤
@import "https://theme-park.dev/css/base/qbittorrent/plex.css";
# maroon 皮肤
@import "https://theme-park.dev/css/base/qbittorrent/maroon.css";
Qbittorrent换肤手把手指南教程:让我的QB颜值飙升
https://blog.qnloft.com/archives/yKCgvKzb
作者
青柠炸机店
发布于
2025-02-18
许可协议
CC BY-NC-SA 4.0