Общие сведения

Раздел "Оформление" содержит глобальные темы, которые влияют на оформление системы (в отличие от тем проектов).

Сведения о темах оформления включают в себя следующие колонки:

• Иконка - отличительный символ темы оформления в реестре.
• Название - наименование темы оформления.
• Описание - дополнительная информация о теме оформления.
• Автор - пользователь, который добавил тему оформления.

• Создание - дата и время создания темы оформления.

• Редактирование - дата и время внесения изменений в настройки темы оформления.

В заголовке реестра, справа от указания количества созданных тем, отображается бейдж с названием примененной в текущий момент темы. По умолчанию отображается "Системная тема".

Создание оформления 

Для добавления новой глобальной темы оформления необходимо нажать на кнопку "Добавить" над списком тем. Откроется окно создания оформления:

Окно состоит из следующих элементов:

• Поле "Название".
• Поле "Описание"
• Поле "Название системы".
• Блок загрузки файла иконки для вкладки браузера.
• Блок загрузки файла логотипа системы.
• Блок загрузки файлов шрифтов.
• Блок для ввода кода CSS.
• Блок для ввода кода JavaScript.
• Кнопка "Импорт".
• Кнопки "Отменить" и "Создать".

Название и описание

В поле "Название" необходимо обязательно ввести название темы, под которым она будет фигурировать в системе. Поле "Описание" не обязательно для заполнения.

Название системы 

В поле "Название системы" можно ввести альтернативное название системы, которое будет отображаться на вкладке браузера справа от иконки вкладки:

Файлы темы

Для глобальной темы можно загрузить следующие файлы:

• Иконка вкладки.
  Формат загружаемого файла - ICO. Загруженная иконка также будет отображаться в реестре тем оформления в столбце "Иконка".
  
  
• Логотип.
  Формат загружаемого файла - JPEG, JPG, PNG, SVG.
  
  
• Шрифты.
  Формат загружаемого файла - TTF, OTF. Для шрифтов можно загрузить несколько файлов.

Для загрузки файла необходимо нажать на кнопку "Загрузить" в соответствующем блоке. После нажатия откроется окно проводника для выбора файла. Далее необходимо загрузить файл с нужным форматом. 

После загрузки файла в блоке загрузки отображается его название, иконка файла с индикатором успешной загрузки и размер загруженного файла. Также в блоке появляются кнопки:

• для замены файла ;
• для удаления файла ;
• для копирования пути до файла шрифта (только для шрифтов).

CSS и JS

Основная настройка глобальной темы осуществляется за счет кода CSS и JavaScript. Поля для ввода кода CSS и JS позволяют осуществлять глубокую настройку оформления системы.

Импорт темы

Для импорта глобальной темы необходимо нажать на кнопку "Импорт". После нажатия откроется модальное окно:

Далее необходимо нажать на кнопку "Загрузить" и загрузить ZIP-файл с глобальной темой. После загрузки файла в блоке загрузки отобразится его название, иконка типа файла с индикатором успешной загрузки и размер загруженного файла. Если в архиве есть файл ICO для иконки вкладки браузера, то в блоке загрузки будет отображаться он:

Также в блоке загрузки появятся кнопки:

• для замены файла ;
• для удаления файла ;

После загрузки архива с файлами темы нужно нажать "Импортировать". При успешном импорте информация из архива отобразится в соответствующих полях и блоках.

Сохранение темы

Для сохранения создаваемой глобальной темы необходимо нажать на кнопку "Создать" в правом верхнем углу окна, для отмены изменений - на кнопку "Отменить". В обоих случаях произойдет возврат в реестр глобальных тем.

Действия с темой оформления

Из реестра можно вызвать меню действий с темой оформления:

В меню действий доступны следующие опции:

• Редактировать. 
• Применить. 
• Удалить.

Редактирование оформления

При выборе опции "Редактировать" в меню действий для конкретной темы оформления открывается окно редактирования оформления, аналогичное окну создания оформления и содержащее дополнительную кнопку "Экспорт":

Для сохранения изменений, внесенных в настройки темы, нужно нажать на кнопку "Сохранить" в правом верхнем углу окна, а для отмены — на кнопку "Отменить".

Экспорт темы

Настроенную тему можно экспортировать. Для этого нужно нажать на кнопку "Экспорт" в правом верхнем углу окна. При нажатии на кнопку формируется архив с темой, о чем сообщает нотификация "Тема успешно выгружена". Архив сохраняется напрямую на компьютер пользователя.

Архив с темой может содержать:

• файл иконки вкладки в формате ICO.
• файл логотипа в формате JPEG, JPG, PNG, SVG.
• файлы шрифтов в формате TTF, OTF.
• файл styles.css с кодом CSS.
• файл script.js с кодом JavaScript.

Применение темы

Для применения темы оформления необходимо в меню действий с глобальной темой выбрать опцию "Применить":

Глобальная тема будет применена к системе, и в реестре тем бейдж "Системная тема" заменится на бейдж с названием примененной темы и кнопкой  для сброса примененной темы:

Удаление темы

Для удаления темы оформления необходимо в меню действий с глобальной темой выбрать опцию "Удалить":

При выборе опции "Удалить" откроется модальное окно, в котором для подтверждения удаления нужно нажать на кнопку "Удалить". Для отмены удаления нужно нажать на кнопку "Отменить" или закрыть окно. 

Для удаления нескольких или всех тем оформления следует воспользоваться функциональностью группового удаления.