Темы и шрифты
Светлая, тёмная или системная; три размера шрифта; одна панель настроек.
purplemux идёт с одним цельным внешним видом и небольшим набором переключателей: тема приложения, размер шрифта и отдельная палитра терминала. Эта страница — про первые два; цвета терминала живут на своей странице.
Откройте Настройки
Нажмите ⌘, (macOS) или Ctrl, (Linux), чтобы открыть Настройки. Тема и размер шрифта — на вкладке Общие.
Также можно кликнуть иконку шестерёнки в верхней строке.
Тема приложения
Три режима, применяются мгновенно:
| Режим | Поведение |
|---|---|
| Light | Принудительно светлая тема независимо от настройки ОС. |
| Dark | Принудительно тёмная тема. |
| System | Следует за ОС — автоматически переключается, когда macOS / GNOME / KDE меняет светлую и тёмную. |
Тема хранится в ~/.purplemux/config.json под ключом appTheme и синхронизируется на все вкладки браузера, подключённые к серверу. В нативном macOS-приложении заодно обновляется заголовочная строка ОС.
Размер шрифта
Три пресета, оформленные как группа кнопок:
- Normal — по умолчанию; root font-size следует за браузером.
- Large — root font-size установлен в
18px. - X-Large — root font-size установлен в
20px.
Поскольку весь UI размечен в rem, переключение пресета масштабирует весь интерфейс — боковую панель, диалоги, терминал — одновременно. Изменение применяется в реальном времени, без перезагрузки.
Что меняется, что нет
Размер шрифта масштабирует хром UI и текст терминала. Не меняется:
- Иерархия заголовков (относительные размеры остаются)
- Отступы — пропорции сохраняются
- Подсветка синтаксиса в кодовых блоках
Если хотите тонко настроить отдельные элементы (например, только терминал или только боковую панель), см. Custom CSS.
По устройству, не по браузеру
Настройки хранятся на сервере, а не в localStorage. Переключение в тёмную на ноутбуке переключит и телефон — откройте https://<host>/ с телефона, и изменение уже применено.
Если хочется, чтобы мобильный и десктоп выглядели по-разному, сейчас это не поддерживается; заведите issue, если нужно.
Что дальше
- Custom CSS — переопределить отдельные цвета и отступы.
- Темы терминала — отдельная палитра для xterm.js.
- Клавиатурные сокращения — все биндинги в одной таблице.