Создание пользовательской темы веб-приложения

В веб-приложении используется тема «fap10» по умолчанию. Набор тем содержится в папке:

Тема состоит из следующих файлов:

Для создания пользовательской темы веб-приложения:

  1. Скопируйте существующую тему «fap10» и вставьте её в текущую папку с новым наименованием. Например, «custom_theme»:

При необходимости набор тем может содержаться в любой папке. Путь до папки с темами веб-приложения задаётся в файле config.json в поле customThemesPath.

  1. Откройте на редактирование файл конфигурации theme.json:

{
  "key": "custom_theme",
  "name": "Пользовательская тема",
  "palette": {
    ...
  },
  "size": {
    ...
  },
  "typography": {
    ...
  },
  ...
}

Измените значения полей:

При необходимости измените остальные настройки темы.

  1. Измените пиктограммы, содержащиеся в папке icons.

  2. Укажите ключ темы в файле config.json в поле themes:

"themes": ["custom_theme", "fap10"]

Первая тема используется по умолчанию.

  1. Перезапустите серверную часть веб-приложения в зависимости от используемого веб-сервера:

sudo systemctl restart apache2-fp10.x-web

sudo systemctl restart httpd-fp10.x-web

sudo systemctl restart httpd2-fp10.x-web

  1. Очистите кеш браузера при необходимости.

После выполнения действий при открытии веб-приложения будет использоваться пользовательская тема.

Для применения другой темы, содержащейся в массиве поля themes, используйте инструменты разработчика браузера. В консоли выполните команду:

Platform.Themes.select('<ключ темы>')

Примечание. При обновлении страницы браузера в веб-приложении будет использоваться тема по умолчанию.

См. также:

Вопросы и ответы