Администрирование (Linux) > Общесистемные настройки > Настройка фирменного стиля

В веб-клиенте есть две темы: светлая и темная. Темы применяются на рабочем месте сотрудника индивидуально. Для этого достаточно в меню пользователя установить или снять флажок Ночной режим:

Светлая тема

Темная тема

Стили тем хранятся в CSS-файлах. При необходимости настройки стилей можно изменить. Имена CSS-файлов со стилями тем задаются во встроенном редакторе YAML в секции SungeroWebClient.

В параметре CUSTOM_THEME_NAME задается имя CSS-селектора, который добавляется в конструкцию <html class='custom-theme'> для каждого элемента интерфейса. Таким образом он переопределяет все стандартные темы CSS.

В блоке CUSTOM_THEMES_CSS указываются абсолютные пути до CSS-файлов со стандартными темами проводника веб-клиента:

•custom-theme.css – светлая тема;

•custom-theme-night.css – темная тема.

Пример настройки в config.yml:

services_config:
    SungeroWebClient:
        <<: *base
        help_path: "/srv/help/WebClient"
        PREVIEW_ENABLED: "true"
        CUSTOM_ICONS_PATH: "/srv/custom_images/"
        SPLASH_SCREENS_PATHS:
            path:
            - '@value': "/srv/splashes/"
        CUSTOM_THEMES_CSS:
            theme:
            - '@cssPath': "/srv/custom/custom-theme.css"
            - '@cssPath': "/srv/custom/custom-theme-night.css"

Чтобы переопределить стили:

1.Создайте CSS-файл. Файл должен содержать селектор с произвольным именем.

2.Внутри селектора переопределите стили, например, значения CSS-переменных:

.custom-theme {
/* Изменение цвета верхней панели проводника веб-клиента */
--theme_head-background: green;
}

Если нужно стилизовать конкретный элемент на странице, используйте вложенные селекторы. Например:

/* Изменение оформления кнопки при наведении курсора мыши на нее */
.custom-theme .button:focus {
outline: 1px solid #a1c1fb;
}

Если нужно стилизовать темную тему, к имени селектора добавьте .night-theme:

.custom-theme.night-theme {
--theme_head-background: white;
}

3.Сохраните созданный файл в новой папке, например, «custom».

4.В Directum Launcher во встроенном редакторе YAML в секции SungeroWebClient в параметре CUSTOM_THEME_NAME укажите имя CSS-селектора.

5.В секции CUSTOM_THEMES_CSS укажите абсолютный путь до созданного CSS-файла, например /srv/DirectumRX/themes/new-custom-theme.css. Создавать локальную копию папки не требуется.

Подробнее о настройке файлов см. документацию по CSS.

Темы проводника веб-клиента

Темы проводника веб-клиента