自定义外观：主题色、暗色模式与 CSS 注入

Clash Verge 的界面本质是一个 Web 页面（Tauri 框架），所以它的可定制程度远超一般桌面软件——从换个主题色到整套 CSS 重绘都做得到。

基础项：设置页直接改

• 外观模式：亮色 / 暗色 / 跟随系统。OLED 屏幕用户建议暗色；
• 主题色：预设了若干强调色，影响开关、按钮、选中态的颜色；
• 语言：界面支持中文、英文、俄语、波斯语等，与网站语言互相独立；
• 流量图：不需要的话可以关掉，还能省一点点内存。

进阶：注入自定义 CSS

「设置 → 外观设置」里有自定义 CSS 入口（不同版本入口位置略有差异）。写普通 CSS 即可覆盖界面样式，比如给侧边栏换成品牌渐变：

.MuiDrawer-paper {
  background: linear-gradient(160deg, #2b1b4d, #1a1230) !important;
}
.MuiListItemButton-root.Mui-selected {
  background: linear-gradient(118deg, #ff5f9e, #7d5cf0) !important;
}

界面是 React + MUI 构建的，想找某个元素的类名，开发者调试窗口（部分版本可在设置里打开）里检查元素即可。

几个稳妥的原则

• CSS 写坏最多是难看，不影响代理功能，放心折腾；
• 大版本更新后类名可能变化，主题失效就清空重写；
• 改完不生效先关闭再打开主窗口，强制重新渲染。