自定義外觀：主題色、暗色模式與 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 寫壞最多是難看，不影響代理功能，放心折騰；
• 大版本更新後類名可能變化，主題失效就清空重寫；
• 改完不生效先關閉再開啟主視窗，強制重新渲染。