Темы и свой CSS

«Настройки», «Оформление» и «Настройки», «Персонализация».

Стили

Девять встроенных стилей, каждый в светлом и тёмном варианте там, где они есть: Nuvo, Editor, Orbit, Vinyl, Cosmos, Sunset, Amethyst, Y2K и Cassette. Стиль также меняет иконку приложения.

• Nuvo
• Editor
• Orbit
• Vinyl
• Cosmos
• Sunset
• Amethyst
• Y2K
• Cassette

Редактор цветов

Нажмите «Настроить» у стиля или начните новую тему. Редактор меняет интерфейс прямо во время правки. Роли цветов: «Фон», «Глубокий фон», «Карточки», «Текст», «Второстепенный текст», «Подсказки», «Линии», «Подсветка» и «Акцент». Nuvo предупреждает о плохой читаемости и предлагает исправить («Исправить»). Предупреждения не мешают сохранению.

Шрифты

Выберите шрифт для интерфейса и другой для текстов песен. Можно взять установленный шрифт или загрузить файл TTF, OTF или WOFF2. У каждого шрифта свой ползунок размера текста.

Фон и стекло

Поставьте картинку или анимированный GIF фоном окна (PNG, JPEG, GIF или WebP, до 30 МБ). Размытие, затемнение и непрозрачность настраиваются для боковой панели, области содержимого и мини-плеера. Фон доступен для тёмной темы.

Файлы тем

Экспортируйте тему в файл <name>.nuvotheme.json («Экспортировать тему») и импортируйте её из файла («Импортировать тему»). Размер файла темы ограничен 48 КБ. CSS в импортируемой теме проходит ту же проверку, что и набранный вручную.

Свой CSS

Для тех, кто пишет CSS. Поле в настройках вмещает до 32 КБ.

Проверка отклоняет весь файл, если в нём что-то не так. Она:

• запрещает всё, что загружает ресурсы: url(), src(), image(), image-set(), element(), paint(), cross-fade(), expression(),
• разрешает только такие @-правила: media, supports, keyframes, container,
• запрещает behavior и -moz-binding,
• ограничивает файл 1000 правил, селекторы 500 символами и вложенность 4 уровнями,
• останавливает правила, которые блокировали бы клики по самой странице, например pointer-events: none для html, body или :root.

В сообщениях об ошибках указана строка. Цвета задаются переменными --n-* на :root. Имена классов и структура страницы могут меняться между версиями, поэтому CSS, который на них опирается, может сломаться.

Безопасный режим

Сломанный вид не должен закрывать вам доступ к приложению.

• Удерживайте Shift при запуске Nuvo, чтобы включить вид по умолчанию.
• После двух запусков подряд, которые завершились сбоем или не смогли применить оформление, Nuvo переходит в безопасный режим.
• Запустите с флагом --safe-appearance, чтобы включить его принудительно.
• Выберите «Сбросить внешний вид» в меню трея.

Вернуть своё оформление можно в настройках. См. руководство по своим темам.