Внешний вид: тёмная тема, акцентные цвета и свой CSS

Интерфейс Clash Verge под капотом — веб-страница (это 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 максимум испортит красоту — прокси он сломать не может. Экспериментируйте смело;
• Крупные обновления переименовывают классы; тема «умерла» после апдейта — очистите и напишите заново;
• Изменения не видны? Закройте и откройте главное окно — принудительный ре-рендер.