Стилизация пакета

Каждый пакет может использовать собственное изображение для шапки, что делает визуальный стиль более уникальным.
Вы можете использовать изображение любого размера в формате .PNG

Example of stylization headers

Изображение будет автоматически выравнено по левому-центру.

Header alingment


Цвет заполнения фона

Картинку любого размера (в том числе маленького) можно продолжить с помощью цвета заполнения.

Слева - маленькая картинка, справа - цвет заполнения.

Example color continue

Добавьте вашей картинке градиентовую маску, чтобы сделать переход в цвет стандартного заполнения (для того чтобы картинка не выходила за границы шапки, а продолжалась за счёт цвета).

Use gradient mask to create transition in color

Скопируйте HEX (в нашем примере: #D81C52) цвета заполнения и добавьте в основные настройки пакета, секция стилизации.

"stylization": {
"header_color_hex": "#D81C52"
}

Как увидеть шапку в тестовом режиме?

Вы можете видеть как будет выглядеть изображение пакета, до момента его компиляции.
Для этого просто поместите изображение шапки рядом с вашим файлом пакета (.ATOM), и переименуйте его как: custom_header_name сохраняя формат изображения .PNG

Image Header in test package

Теперь вы можете запустить тестовый режим в расширении, добавить ваш пакет и увидеть его шапку.

Окончательно вшить шапку в ваш пакет вы сможете на этапе компиляции.