Создание и установка пользовательских тематических оформлений для Yandex Music.

Создание, установка и сброс пользовательских тем.

Создание пользовательских тем.

1. Для того что бы создать тему оформления, в приложении YMusic DRCP нажмите на "Директория со стилями".
2. Создайте папку с названием вашей темы, например testtheme и перейдите в неё.
3. В папке вашей темы создайте файлы metadata.json и style.css.
4. В файл metadata.json поместите следующий код:

{
    "image": "Image.jpg",
    "name": "Name theme",
    "author": "Your Name",
    "description": "A stylish theme.",
    "version": "1.0.0",
    "css": "style.css"
}

5. В файл style.css поместите следующий код:

.ym-dark-theme {
    --ym-background-color-primary-enabled-basic: #58c1d1;
    --ym-background-color-primary-enabled-content: #102117;
    --ym-background-color-primary-enabled-popover: rgb(113 66 66 / 90%);
    --ym-background-color-primary-enabled-vibe: linear-gradient(180deg,#514141,#b15656);
}

Установка пользовательских тем.

1. Выбрать вашу пользовательскую тему для Yandex Music вы можете в разделе Стилизация, подпункте Выбор стилей. Тема применяется автоматически после выбора.
2. Если после создания тема не отображается в приложении, перезапустите приложение сочетанием клавиш Ctrl+R или любым другим удобным вам способом.

Сброс пользовательских тем.

1. Для сброса пользовательской темы, создайте новую тему с любым названием, например Default.
2. Добавьте в файл style.css {}.
3. В приложении YMusic DRPC выберите стиль Default. Тема применяется автоматически после выбора.

Основные переменные и примеры использования.

Переменные файла metadata.json.

• Переменная "image" позволяет пользователю установить свой собственный значок темы в YMusic DRPC. Она принимает изображения (.GIF,.JPEG,.JPG,.PNG), которые находятся на компьютере пользователя в папке темы.
• Переменная "name" позволяет установить пользовательское имя темы в YMusic DRPC и принимает текстовые данные типа string.
• Переменная "author" позволяет установить пользовательское имя автора темы в YMusic DRPC и принимает текстовые данные типа string.
• Переменная "description" позволяет установить пользовательское описание темы в YMusic DRPC и принимает текстовые данные типа string.
• Переменная "version" позволяет установить пользовательское имя версии темы в YMusic DRPC и принимает числовое значение типа number.
• Переменная "css" указывает название файла стилей.

Переменные файла style.css.

• Переменная --ym-background-color-primary-enabled-basic используется для управления цветом в поле basic приложения Yandex Music. Например, --ym-background-color-primary-enabled-basic: #fff; установит белый цвет, а --ym-background-color-primary-enabled-basic: rgb(13 42 66 / 90%); установит фаянсовый цвет. Все цветовые хеш # и rgb коды вы можете найти в интернете.
• Переменная --ym-background-color-primary-enabled-content используется для управления цветом в поле content приложения Yandex Music. Управление цветом аналогично предыдущей переменной.
• Переменная --ym-background-color-primary-enabled-popover используется для управления цветом в поле popover приложения Yandex Music. Управление цветом аналогично предыдущей переменной.
• Переменная --ym-background-color-primary-enabled-vibe используется для управления градиентом в поле vibe приложения Yandex Music. Управляется через стандартную CSS конструкцию linear-gradient().
• Другие переменные для кастомизации вы можете посмотреть в приложении Yandex Music через DevTools (Ctrl+Shift+I).
• YMusic DRPC так же вводит новый класс YMDRPC для возможности кастомизации надписи YMusic-DRPC 2.0.5. Пример использования:

.YMDRPC {
    visibility: hidden;
}

.YMDRPC:after {
    visibility: visible;
    position: absolute;
    font-family: "YS Text", sans-serif;
    font-size: 14px;
    font-weight: 600;
    top: 15px;
    left: 74px;
    content: "YOURSTEXT";
    color: rgb(219 255 254);
}

В данном примере скрывается отображение первоначального элемента, затем отображается элемент с измененными значениями текста, расположения, шрифта и цвета.

Примеры пользовательских тем оформления.

• Вы можете посмотреть или опубликовать свою тему оформления для Яндекс Музыки на дискорд-сервере PulseSync. Чтобы перейти на сервер, нажмите на изображение ниже.