Clash Verge 主题、字体和 CSS 样式设置
调整明暗模式、主题颜色与字体，使用可撤销的 CSS 注入修改客户端外观。
本页目录
Clash Verge Rev 的主题设置只改变客户端界面，不改变节点、分流规则或内核参数。调整文字颜色、字体和明暗模式时，先使用内置选项；需要额外样式时再使用 CSS 注入，便于发现问题后还原。
设置入口与版本
在 v2.5.8 中进入“设置”，找到“Verge 基础设置”。“主题模式”用于选择浅色、深色或跟随系统；“主题设置”打开颜色、字体与 CSS 编辑窗口。“界面设置”是另一个入口，控制代理组图标、导航栏等显示项目，不要把它与主题颜色设置混淆。
官方 CSS 教程提到，“打开开发者工具”功能要求 Rev v1.5.8 及以上。不同版本的设置分组和界面结构可能变化，升级后旧 CSS 需要重新检查。
先调整主题模式和内置颜色
- 在“主题模式”选择浅色或深色，先固定一种模式进行调整。
- 打开“主题设置”，修改“主要颜色”。例如输入
#6D5EF7，用于紫色主题色；保留其他字段，先保存一次观察效果。 - 返回主题设置，必要时再改“文本主要颜色”和“文本次要颜色”。浅色背景上的文字应保留足够对比，不要把正文设成接近白色的颜色。
- 检查首页、订阅、代理和设置页面，尤其查看选中项、开关和错误提示是否仍能分辨。
- 再切换另一种明暗模式。两种模式都清楚后，再决定是否恢复“系统”模式。
主题窗口还提供信息、警告、错误和成功等颜色。仅为了统一配色，不建议把这些状态全部改成同一个颜色，否则失败提示与成功提示难以区分。
设置字体
在“主题设置”的“字体系列”中填入电脑已经安装的字体及回退字体，例如：
"PingFang SC", "Microsoft YaHei", sans-serif
macOS 常用苹方，Windows 常用微软雅黑；写入字体名不会自动下载安装字体。保存后检查中文、英文、数字和较长节点名称。如果只有中文发生变化，通常是不同字符落在了不同的回退字体上，而非订阅异常。
需要恢复原字体时，清空自己填写的字体字段并保存。不要通过把全局文字设得极小来让节点列表容纳更多内容，先尝试调整窗口大小及客户端现有显示选项。
使用 CSS 注入
- 打开“主题设置”，找到“CSS 注入”，点击“编辑 CSS”。
- 将已有 CSS 复制到自己的文本文件中备份。
- 只添加一条容易辨认、容易撤销的规则，例如轻微增加文字间距：
body {
letter-spacing: 0.015em;
}
- 在 CSS 编辑器中保存，再关闭编辑器，并保存外层“主题设置”窗口。v2.5.8 的 CSS 编辑保存会先更新主题窗口中的待保存内容，外层保存才写入主题设置。
- 在代理列表及设置窗口检查效果。确认没有问题后，再添加下一项修改。
body 是标准页面元素，示例会影响继承文字间距的界面文字。它没有依赖某个随机生成的界面类名。只想改变某一处文字时，可从“设置 → Verge 高级设置 → 开发者工具”检查具体元素，再写局部规则；不要照搬其他版本中带随机后缀的类名，并期待长期保持有效。
为什么 CSS 没生效
先确认保存了外层主题窗口；接着检查花括号、冒号和分号是否完整。尺寸值应写成 16px，不能写成 16 px。如果只有个别区域没变，可能是组件为该属性设置了自己的样式，覆盖了继承值。
不要立刻对所有规则添加 !important。先查看元素实际使用的样式和选择器；确实需要覆盖时只在对应的一条声明上使用，避免以后连内置明暗模式也无法正常切换。CSS 不会改变程序的网络权限，也不会修复节点超时。
恢复与升级后的检查
若按钮、设置窗口或文本出现异常，重新打开 CSS 编辑器，删除刚添加的规则，按两层保存顺序恢复。需要完全撤销自定义 CSS 时，清空 CSS 内容并保存；颜色和字体则分别恢复之前记录的值或清空自定义字段。
升级后首先验证代理、订阅、设置窗口能正常操作。出现错位时先暂时清空 CSS，再判断是否为客户端本身的问题，避免旧样式遮住新增的按钮。