|
<< Click to Display Table of Contents >> Администрирование (Windows) > Общесистемные настройки > Настройка фирменного стиля в Directum RX Темы проводника веб-клиента |
|
|
<< Click to Display Table of Contents >> Администрирование (Windows) > Общесистемные настройки > Настройка фирменного стиля в Directum RX Темы проводника веб-клиента |
|
В веб-клиенте есть две темы: светлая и темная. Темы применяются на рабочем месте сотрудника индивидуально. Для этого достаточно в меню пользователя установить или снять флажок Ночной режим:
Светлая тема |
|
Темная тема
|
Стили тем хранятся в CSS-файлах. При необходимости настройки стилей можно изменить. Имена CSS-файлов со стилями тем задаются в Directum Launcher во встроенном редакторе 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-файла:
•если папка «custom» расположена рядом с «content», укажите относительный путь «…\content\custom\new-custom-theme.css» или «custom\new-custom-theme.css». Также создайте локальную копию папки с CSS-файлами, так как папка «content» может очищаться при каждом обновлении системы;
•если папка «custom» расположена в другом месте, например, на другом диске, укажите абсолютный путь «D:\DirectumRX\themes\new-custom-theme.css». В этом случае создавать локальную копию папки не требуется.
Подробнее о настройке файлов см. документацию по CSS.
| © Компания Directum, 2024 |