---
metadata:
  - name: generator
    content: Diplodoc Platform v5.63.0
alternate:
  - en/settings/appearance
  - ru/settings/appearance
  - href: ru/settings/appearance.md
    type: text/markdown
    title: Markdown version
csp:
  - script-src:
      - https://mc.yandex.ru
    img-src:
      - https://mc.yandex.ru
    connect-src:
      - https://mc.yandex.ru
      - wss://mc.yandex.ru
    child-src:
      - 'blob:'
      - https://mc.yandex.ru
    frame-src:
      - 'blob:'
      - https://mc.yandex.ru
    frame-ancestors:
      - 'blob:'
      - https://mc.yandex.ru
canonical: ru/settings/appearance.html
title: Настройки оформления в DataLens On-premises
description: >-
  Настройки оформления в DataLens On-premises позволяют изменить внешний вид
  интерфейса.
vcsPath: ru/settings/appearance.md
---



# Общие настройки в DataLens On-premises

Общие настройки позволяют изменить настройки внешнего вида интерфейса для всей организации:

* Настроить [стилизацию интерфейса](#ui-customization).
* Добавить, изменить или удалить [цветовые палитры](#palette-settings) чартов.
* Управлять [возможностью экспорта воркбуков](#workbooks-export-disable).
* Управлять [возможностью экспорта данных](../concepts/chart/data-export.md#data-export-disable) из чартов.

{% note info %}

Изменить настройки может [администратор](../security/roles.md#datalens-admin) экземпляра DataLens (роль `datalens.admin`).

{% endnote %}

Чтобы перейти к общим настройкам:

1. На панели слева выберите <!-- diplodoc:svg ![image](../_assets/console-icons/sliders.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1.405.75a3.001 3.001 0 0 1-5.81 0H1.747a.75.75 0 0 1 0-1.5h1.348a3.001 3.001 0 0 1 5.81 0h5.345a.75.75 0 0 1 0 1.5zm-7.158 4.5h5.345a3.001 3.001 0 0 1 5.811 0h1.347a.75.75 0 1 1 0 1.5h-1.347a3.001 3.001 0 0 1-5.81 0H1.746a.75.75 0 0 1 0-1.5m8.25-.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg> **Настройки сервиса**. Если на панели не отображается <!-- diplodoc:svg ![image](../_assets/console-icons/sliders.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1.405.75a3.001 3.001 0 0 1-5.81 0H1.747a.75.75 0 0 1 0-1.5h1.348a3.001 3.001 0 0 1 5.81 0h5.345a.75.75 0 0 1 0 1.5zm-7.158 4.5h5.345a3.001 3.001 0 0 1 5.811 0h1.347a.75.75 0 1 1 0 1.5h-1.347a3.001 3.001 0 0 1-5.81 0H1.746a.75.75 0 0 1 0-1.5m8.25-.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg>, сначала выберите <!-- diplodoc:svg ![image](../_assets/console-icons/ellipsis.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0" clip-rule="evenodd"/></svg> **Ещё**, а затем — <!-- diplodoc:svg ![image](../_assets/console-icons/sliders.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1.405.75a3.001 3.001 0 0 1-5.81 0H1.747a.75.75 0 0 1 0-1.5h1.348a3.001 3.001 0 0 1 5.81 0h5.345a.75.75 0 0 1 0 1.5zm-7.158 4.5h5.345a3.001 3.001 0 0 1 5.811 0h1.347a.75.75 0 1 1 0 1.5h-1.347a3.001 3.001 0 0 1-5.81 0H1.746a.75.75 0 0 1 0-1.5m8.25-.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg> **Настройки сервиса**.
1. Выберите вкладку **Общие**.


## Стилизация интерфейса {#ui-customization}

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

Изменить настройки стилизации может [администратор](../security/roles.md#datalens-admin) экземпляра DataLens (роль `datalens.admin`).

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

1. Перейдите на главную страницу DataLens.
1. На панели слева выберите <!-- diplodoc:svg ![image](../_assets/console-icons/sliders.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1.405.75a3.001 3.001 0 0 1-5.81 0H1.747a.75.75 0 0 1 0-1.5h1.348a3.001 3.001 0 0 1 5.81 0h5.345a.75.75 0 0 1 0 1.5zm-7.158 4.5h5.345a3.001 3.001 0 0 1 5.811 0h1.347a.75.75 0 1 1 0 1.5h-1.347a3.001 3.001 0 0 1-5.81 0H1.746a.75.75 0 0 1 0-1.5m8.25-.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg> **Настройки сервиса**.
1. Выберите вкладку **Оформление**.
1. В разделе **Стилизация интерфейса** нажмите кнопку <!-- diplodoc:svg ![image](../_assets/console-icons/palette.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.012 10c.431.004.764-.15 1.002-.411.244-.268.486-.762.486-1.589a5.5 5.5 0 1 0-5.17 5.491 4.3 4.3 0 0 1-.106-.89 2.37 2.37 0 0 1 .495-1.48c.386-.493.92-.763 1.448-.914C10.69 10.06 11.303 10 12 10zM8.43 14.01v-.005zM12 11.5c1.66.013 3-1.25 3-3.5a7 7 0 1 0-7 7c2.19 0 2.011-.83 1.827-1.68-.194-.898-.393-1.82 2.173-1.82M9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0m2 2.75a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-4.75-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0M5.75 11a1 1 0 1 0 0-2 1 1 0 0 0 0 2" clip-rule="evenodd"/></svg> **Настроить**.


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

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

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

     {% list tabs %}

     - Вручную

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

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

       Нажмите кнопку <!-- diplodoc:svg ![image](../_assets/console-icons/arrows-rotate-left.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 0 1 6.445 5.649.75.75 0 1 1-1.488.194A5.001 5.001 0 0 0 4.43 4.5h1.32a.75.75 0 0 1 0 1.5h-3A.75.75 0 0 1 2 5.25v-3a.75.75 0 1 1 1.5 0v1.06A6.48 6.48 0 0 1 8 1.5m5.25 13a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-.75-.75h-3a.75.75 0 1 0 0 1.5h1.32a5.001 5.001 0 0 1-8.528-2.843.75.75 0 1 0-1.487.194 6.501 6.501 0 0 0 10.945 3.84v1.059c0 .414.336.75.75.75" clip-rule="evenodd"/></svg> **Сгенерировать палитру** и выберите основной цвет. На его основе автоматически сгенерируются остальные цвета. При необходимости отредактируйте цветовые настройки вручную.

     {% endlist %}

   * **Контрастный цвет** — выберите цвет для текста на кнопке.
   * **Логотип и фавиконка** — чтобы заменить логотип и фавиконку, вставьте в это поле ссылку на файл формата SVG в пропорции 1:1. Справа от поля нажмите кнопку **Применить**.
   
   
   * **Скругление** — задает скругление углов элементов интерфейса.


   {% note info %}

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

   {% endnote %}

1. Вверху справа нажмите кнопку **Сохранить**.
1. Чтобы применить настроенную стилизацию, включите опцию в разделе **Стилизация интерфейса**.

## Управление цветовой палитрой чартов {#palette-settings}

В DataLens On-premises вы можете [создать](#create-palette), [изменить](#edit-palette), [удалить](#delete-palette) цветовую палитру и [настроить цветовую палитру по умолчанию](#default-palette).


Создать, изменить и удалить палитру может [администратор](../security/roles.md#datalens-admin) экземпляра DataLens (роль `datalens.admin`).


### Создать цветовую палитру {#create-palette}

<!-- source: ru/_includes/datalens/settings/create-palette.md -->
Чтобы создать цветовую палитру:

1. Перейдите на главную страницу DataLens.
1. На панели слева выберите <!-- diplodoc:svg ![image](../_assets/console-icons/sliders.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1.405.75a3.001 3.001 0 0 1-5.81 0H1.747a.75.75 0 0 1 0-1.5h1.348a3.001 3.001 0 0 1 5.81 0h5.345a.75.75 0 0 1 0 1.5zm-7.158 4.5h5.345a3.001 3.001 0 0 1 5.811 0h1.347a.75.75 0 1 1 0 1.5h-1.347a3.001 3.001 0 0 1-5.81 0H1.746a.75.75 0 0 1 0-1.5m8.25-.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg> **Настройки сервиса**.
1. Выберите вкладку **Оформление**.
1. В разделе **Палитры** добавьте новую палитру:

   {% list tabs %}

   - Градиентная цветовая палитра

     Градиентная цветовая палитра применяется в чартах для числовых показателей.

     1. В подразделе **Градиентные цветовые палитры** нажмите кнопку **+ Добавить палитру**.
     1. В открывшемся окне введите параметры:

        * Вверху введите **Название палитры**.
        * Внизу слева введите начальное, а справа — конечное значение цвета для градиента в шестнадцатеричном формате. Например, введите `0044A3` слева и `8CCBFF` справа для изменения градиента от темно-синего до светло-голубого.

          Чтобы добавить промежуточное значение для градиента, внизу нажмите значок <!-- diplodoc:svg ![image](../_assets/console-icons/plus.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1.75a.75.75 0 0 1 .75.75v4.75h4.75a.75.75 0 0 1 0 1.5H8.75v4.75a.75.75 0 0 1-1.5 0V8.75H2.5a.75.75 0 0 1 0-1.5h4.75V2.5A.75.75 0 0 1 8 1.75" clip-rule="evenodd"/></svg> и введите значение. Изменения отобразятся в окне предпросмотра.

     1. Нажмите кнопку **Сохранить**.

   - Цветовая палитра

     Цветовая палитра применяется в чартах для дискретных значений: названий показателей, значений измерений.

     1. В подразделе **Цветовые палитры** нажмите кнопку **+ Добавить палитру**.
     1. В открывшемся окне введите параметры:

        * Вверху введите **Название палитры**.
        * В списке справа нажмите **+ Добавить цвет** и введите значения для цветов палитры в шестнадцатеричном формате.

          По умолчанию заданы значения для двадцати цветов. Вы можете изменить, добавить или удалить цвета палитры. Чтобы изменить порядок цветов, перетащите их указателем. Изменения отобразятся в окне предпросмотра.

     1. Нажмите кнопку **Сохранить**.

   {% endlist %}
<!-- endsource: ru/_includes/datalens/settings/create-palette.md -->

### Изменить цветовую палитру {#edit-palette}

<!-- source: ru/_includes/datalens/settings/edit-palette.md -->
Чтобы изменить цветовую палитру:

1. Перейдите на главную страницу DataLens.
1. На панели слева выберите <!-- diplodoc:svg ![image](../_assets/console-icons/sliders.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1.405.75a3.001 3.001 0 0 1-5.81 0H1.747a.75.75 0 0 1 0-1.5h1.348a3.001 3.001 0 0 1 5.81 0h5.345a.75.75 0 0 1 0 1.5zm-7.158 4.5h5.345a3.001 3.001 0 0 1 5.811 0h1.347a.75.75 0 1 1 0 1.5h-1.347a3.001 3.001 0 0 1-5.81 0H1.746a.75.75 0 0 1 0-1.5m8.25-.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg> **Настройки сервиса**.
1. Выберите вкладку **Оформление**.
1. В разделе **Палитры** нажмите на строку с палитрой, которую хотите изменить.
1. В окне **Настройка цветовых палитр** внесите изменения.
1. Нажмите кнопку **Сохранить**.
<!-- endsource: ru/_includes/datalens/settings/edit-palette.md -->

### Удалить цветовую палитру {#delete-palette}

<!-- source: ru/_includes/datalens/settings/delete-palette.md -->
{% note info %}

После удаления цветовой палитры в чартах, в которых она использовалась, [цветовые настройки](../concepts/chart/settings.md#color-settings) сбросятся до исходных.

{% endnote %}

Чтобы удалить цветовую палитру:

1. Перейдите на главную страницу DataLens.
1. На панели слева выберите <!-- diplodoc:svg ![image](../_assets/console-icons/sliders.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1.405.75a3.001 3.001 0 0 1-5.81 0H1.747a.75.75 0 0 1 0-1.5h1.348a3.001 3.001 0 0 1 5.81 0h5.345a.75.75 0 0 1 0 1.5zm-7.158 4.5h5.345a3.001 3.001 0 0 1 5.811 0h1.347a.75.75 0 1 1 0 1.5h-1.347a3.001 3.001 0 0 1-5.81 0H1.746a.75.75 0 0 1 0-1.5m8.25-.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg> **Настройки сервиса**.
1. Выберите вкладку **Оформление**.
1. В разделе **Палитры** наведите указатель на название палитры, которую хотите удалить.
1. Справа нажмите на значок <!-- diplodoc:svg ![image](../_assets/console-icons/ellipsis.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M3 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0" clip-rule="evenodd"/></svg> и выберите **Удалить**.
1. Нажмите кнопку **Удалить**.
<!-- endsource: ru/_includes/datalens/settings/delete-palette.md -->


### Настроить цветовую палитру по умолчанию {#default-palette}

<!-- source: ru/_includes/datalens/settings/default-palette.md -->
Чтобы настроить цветовую палитру по умолчанию на любую из предустановленных или ранее добавленных:

1. Перейдите на главную страницу DataLens.
1. На панели слева выберите <!-- diplodoc:svg ![image](../_assets/console-icons/sliders.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1.405.75a3.001 3.001 0 0 1-5.81 0H1.747a.75.75 0 0 1 0-1.5h1.348a3.001 3.001 0 0 1 5.81 0h5.345a.75.75 0 0 1 0 1.5zm-7.158 4.5h5.345a3.001 3.001 0 0 1 5.811 0h1.347a.75.75 0 1 1 0 1.5h-1.347a3.001 3.001 0 0 1-5.81 0H1.746a.75.75 0 0 1 0-1.5m8.25-.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg> **Настройки сервиса**.
1. Выберите вкладку **Оформление**.
1. В разделе **Палитры** выберите из списка палитру по умолчанию. Палитра по умолчанию будет применена ко всем чартам, использующим палитру по умолчанию. В чартах с настроенными палитрами изменений палитры не будет.

При удалении цветовой палитры по умолчанию палитра `Default 20` будет использоваться вместо удаляемой. Она будет применена ко всем чартам, использующим палитру по умолчанию.
<!-- endsource: ru/_includes/datalens/settings/default-palette.md -->



## Отключить возможность экспорта воркбуков {#workbooks-export-disable}

<!-- source: ru/_includes/datalens/settings/disable-workbooks-export.md -->
По умолчанию пользователи с ролью `datalens.admin` могут экспортировать воркбуки. Эту возможность можно отключить на уровне экземпляра DataLens. После запрета экспорта:

* В интерфейсе воркбуков не будет отображаться кнопка <!-- diplodoc:svg ![icon](../_assets/console-icons/file-arrow-up.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879zM5.47 8.72a.75.75 0 0 0 1.06 1.06l.72-.72v2.19a.75.75 0 0 0 1.5 0V9.06l.72.72a.75.75 0 0 0 1.06-1.06l-2-2a.75.75 0 0 0-1.06 0z" clip-rule="evenodd"/></svg> **Экспортировать**.
* Пользователи не смогут экспортировать воркбуки.
* Файлы экспорта в формате JSON, созданные до отключения, можно использовать для импорта в новый воркбук.

Отключить возможность экспорта может только [администратор](../security/roles.md#datalens-admin) экземпляра DataLens (роль `datalens.admin`).

Чтобы запретить экспорт воркбуков:

1. На панели слева выберите <!-- diplodoc:svg ![sliders](../_assets/console-icons/sliders.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1.405.75a3.001 3.001 0 0 1-5.81 0H1.747a.75.75 0 0 1 0-1.5h1.348a3.001 3.001 0 0 1 5.81 0h5.345a.75.75 0 0 1 0 1.5zm-7.158 4.5h5.345a3.001 3.001 0 0 1 5.811 0h1.347a.75.75 0 1 1 0 1.5h-1.347a3.001 3.001 0 0 1-5.81 0H1.746a.75.75 0 0 1 0-1.5m8.25-.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg> **Настройки сервиса**.
1. Выберите вкладку **Общие**.
1. Отключите опцию **Экспорт воркбуков** (по умолчанию она включена).
<!-- endsource: ru/_includes/datalens/settings/disable-workbooks-export.md -->