Стилизация интерфейса в Yandex DataLens

Стилизация интерфейса в DataLens позволяет настроить внешний вид интерфейса вашей инсталляции сервиса: цвета, логотип и оформление отдельных элементов.

Чтобы настроить внешний вид интерфейса:

1. Перейдите на главную страницу DataLens.

2. На панели слева выберите Настройки сервиса.

3. В разделе Стилизация интерфейса нажмите кнопку Настроить.

4. Настройте оформление:

   • Тема интерфейса — выберите тему интерфейса, для которой задается цветовая палитра.

   • Контрастность — выберите контрастность, для которой задается цветовая палитра.

   • Цветовая палитра — набор цветов для выбранной темы интерфейса и контрастности. Для каждого сочетания темы и контрастности можно настроить уникальную палитру.

     Цвета можно задать вручную или сгенерировать:

     Вручную

     Сгенерировать

     • Основной цвет — используется в качестве фона для кнопок и элементов управления: переключателей, чекбоксов и селекторов. Также основной цвет используется в качестве темы для всплывающих подсказок.
     • Основной цвет при наведении курсора — при ручной настройке можно выбрать любой цвет. При генерации палитры автоматически задается более темный оттенок основного цвета.
     • Фон страницы — цвет фона страницы. Для светлой темы чаще всего используется белый цвет. Для темной темы выбор цветов более широкий: от нейтральных серых оттенков до теплых или холодных цветов.
     • Дополнительный цвет — используется в качестве фона для карточек и других элементов, размещенных поверх фона страницы.
     • Выбранные элементы — цвет для выбранных элементов, например: нажатой кнопки, выбранной строки или выделенного текста.
     • Выбранные элементы при наведении курсора — цвет для выбранных элементов (например, нажатой кнопки, выбранной строки) при наведении на них курсора.
     • Текст на выбранных элементах — цвет текста на выбранных элементах. Задайте его контрастным по отношению к цвету выбранных элементов.
     • Линии и обводки — цвет активной карточки или таба, а также цвет индикатора загрузки.
     • Ссылка — цвет для текста ссылки.
     • Ссылка при наведении курсора — цвет для текста ссылки при наведении на него курсора.
     • Фон для логотипа — цвет заднего фона для логотипа на панели слева.

     Нажмите кнопку Сгенерировать палитру и выберите основной цвет. На его основе автоматически сгенерируются остальные цвета. При необходимости отредактируйте цветовые настройки вручную.

   • Контрастный цвет — выберите цвет для текста на кнопке.

   • Логотип и фавиконка — чтобы заменить логотип и фавиконку, загрузите в хранилище Yandex Object Storage файл формата SVG в пропорции 1:1. Затем скопируйте ссылку на файл в хранилище и вставьте ее в это поле. Справа от поля нажмите кнопку Применить.

   • Скругление — задает скругление углов элементов интерфейса.

   Примечание

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

5. Вверху справа нажмите кнопку Сохранить.

6. Чтобы применить настроенную стилизацию, вверху экрана выберите вариант Включено.

   Примечание

   В тарифе Community применить настройки стилизации к интерфейсу нельзя, но можно изучить, как работает стилизация интерфейса: cгенерировать палитры и сохранить получившиеся настройки.