Постоянный поиск проектов, обладающих уникальными особенностями, является важной частью работы с технологиями. В экосистеме Proxmox наблюдается активный рост числа проектов с открытым исходным кодом, которые не только расширяют функциональность, но и улучшают визуальное восприятие. Одним из таких проектов является Proxmorph.
Вместо полного изменения пользовательского интерфейса, этот проект модернизирует его и делает веб-интерфейс более кастомизированным. Ниже рассматривается проект Proxmorph, его функции и возможности настройки веб-интерфейса управления Proxmox.
Proxmorph: что это и для чего используется
Proxmorph — это проект сообщества, позволяющий применять различные пользовательские темы для Proxmox VE Server и Proxmox Backup Server (PBS). Он предлагает широкую палитру цветов, выводящую интерфейс на новый визуальный уровень. Появление темного режима по умолчанию в веб-интерфейсе Proxmox было позитивным изменением, однако даже стандартный темный режим выглядит достаточно базовым, и цветовые решения могут быть улучшены.
Эти пользовательские темы для Proxmox VE (PVE) и Proxmox Backup Server (PBS) интегрируются со встроенным селектором цветовых тем в веб-интерфейсе Proxmox. Это дает возможность изменить тему на отличную от стандартных режимов «dark» и «light». Кроме того, предлагаемые темы обладают лучшим коэффициентом контрастности по сравнению со стандартными.
Ниже приведено сравнение (изображение из репозитория Github) стандартного темного режима и темы Unifi, входящей в коллекцию Proxmorph.
Три набора тем
Текущий релиз Proxmorph включает три различных набора тем. Особенностью этих тем является их ненавязчивость: они вносят визуальное обновление в веб-интерфейс Proxmox, оставаясь приятными для восприятия.
Коллекция Catppuccin
Коллекция Dracula
Другие темы
Установка и целесообразность использования
Данное решение, возможно, не подходит для критически важных производственных сред Proxmox. Однако для домашних лабораторий подобные проекты позволяют экспериментировать с внешним видом окружения. Интеграция большего количества нативных тем со стороны Proxmox была бы полезной, но подобные запросы, вероятно, не являются приоритетными. Это следует учитывать при использовании.
ВНИМАНИЕ: Дзен не отображает код с соблюдением разметки. Для точного копирования команд лучше читать статью на сайте:
Самый простой способ установки — выполнить однострочную команду Bash:
Default
bash <(curl -fsSL https://raw.githubusercontent.com/IT-BAER/proxmorph/main/install.sh) install
Эта команда выполняет все необходимые действия для запуска новых тем.
Важное замечание: после установки браузер может не сразу отобразить новые темы в списке опций. Для принудительного обновления страницы следует использовать комбинацию клавиш CTRL+SHIFT+R, после чего новые темы станут доступны.
Где найти настройки? Необходимо перейти в меню профиля пользователя в правом верхнем углу сессии браузера Proxmox и выбрать пункт Color Theme.
В разделе Color Theme отобразится список всех новых тем. Если они отсутствуют, убедитесь, что была выполнена принудительная перезагрузка страницы с помощью указанной выше комбинации клавиш, или проверьте наличие кэширования.
Альтернативный процесс ручной установки
Существует другой способ установки проекта. Можно выполнить шаги ручной установки, клонировав репозиторий и запустив скрипт install.sh.
Default
git clone https://github.com/IT-BAER/proxmorph.git
cd proxmorph
chmod +x install.sh
./install.sh install
Как это работает?
Для понимания того, как проект изменяет визуализацию в Proxmox VE Server или Proxmox Backup Server, ниже приведены этапы изменения веб-интерфейса:
- Установщик копирует CSS-файлы в общую директорию /usr/share/javascript/proxmox-widget-toolkit/themes/.
- Патчи JavaScript (для графиков) устанавливаются в специфичные для продукта JS-директории в Proxmox.
- Файл proxmoxlib.js патчится для регистрации новых тем. Также шаблоны индексов продукта (.tpl или .hbs) патчатся для загрузки этих новых JS-исправлений.
- Apt hook автоматически повторно применяет патчи после обновлений продуктов (widget-toolkit, pve-manager или proxmox-backup-server).
- Темы появляются в нативном селекторе Color Theme как в PVE, так и в PBS.
Обзор тем Proxmorph
Среди доступных тем Proxmorph выделяется тема Unifi. Она отличается более высокой контрастностью по сравнению со стандартной темной темой. Кроме того, графики и другие визуальные элементы выглядят более выразительно.
Также заслуживает внимания тема Github dark. Она обладает лучшими показателями контрастности, чем стандартный темный режим, сохраняя при этом более традиционный вид графиков и диаграмм в веб-интерфейсе.
Тема Dracula в Proxmorph очень схожа с одной из самых популярных тем для VS Code — Dracula. Она добавляет стильные акценты в веб-интерфейс Proxmox и способствует лучшему выделению визуальных элементов по сравнению со стандартным оформлением.
Заключение
Ускоряют ли подобные проекты работу сервера? Нет. Делают ли они работу в домашней лаборатории более увлекательной? Безусловно. Это суть работы с домашними лабораториями: тестирование новых решений (даже визуальных), инструментов и проектов, которые не всегда применяются в производственных средах.
Изначально может показаться, что небольшое изменение интерфейса Proxmox не повлияет на восприятие процесса управления. Однако практика показывает обратное. Даже незначительные изменения могут существенно улучшить повседневное администрирование и снизить нагрузку на зрение во время длительных сеансов работы. Более темные контрасты в некоторых темах превосходят стандартный темный режим современных версий Proxmox. Рекомендуется протестировать данный проект или попробовать настроить внешний вид Proxmox вручную.