自定义 Clash Verge Rev 界面样式

学习如何使用 CSS 注入功能自定义 Clash Verge Rev 的界面样式，包括修改字体、颜色和大小等。本教程提供详细步骤和示例代码，帮助您打造个性化的代理客户端界面。

周六 5月 31 2025 cssguide

337 字 · 2 分钟

CSS 注入

将自定义的 CSS 代码注入到文档中，实现自定义样式的效果。

下列示例演示了修改部分字体、背景颜色、字体大小（如果层叠样式没有生效可以使用 !important）。
打开开发者工具 要求 Clash Verge Rev 版本至少为 v1.5.8。

[!info] 本教程要求有一定的 CSS 代码基础，可参考CSS文档↗。

CSS 示例代码

1
span {
2
  font-family: '幼圆' !important;
3
}
4
header p {
5
  background-color: red !important;
6
  font-size: 58px !important;
7
}

::: tip 🎉 节点推荐

::: warning 💬 交流群

🫂 Telegram:@jichang360↗

:::

Thanks for reading!

自定义 Clash Verge Rev 界面样式

周六 5月 31 2025 cssguide

337 字 · 2 分钟

© Clash Verge | CC BY-NC-SA 4.0