Шаблон темы интерфейса

Шаблон темы интерфейса — это текстовый файл с расширением .properties.

Шаблон темы интерфейса используется для настройки пользовательских тем интерфейса.

Шаблон состоит из параметров и их значений. Каждый параметр пишется с новой строки, в качестве значений используется размер или цвет элемента (в зависимости от параметра).

Основные параметры

baseBackground — основной цвет фона страницы.

Рекомендуемое значение: #eff3f8.
textColor — основной цвет текста.

Рекомендуемое значение: #323232.

Цвет присваивается:
- тексту активной вкладки;
- заголовкам контентов;
- текстовым кнопкам без подложки (например, кнопке "Отмена").
Не рекомендуется изменять значение параметра textColor, так как значение по умолчанию оптимально для контрастности и не утомляет зрение.
secondaryTextColor — второстепенный цвет текста;
accentColor — акцентный цвет темы.

Цвет присваивается:
- кнопкам на панели действий карточки объекта;
- кнопкам на вкладках первого уровня;
- кнопкам на формах;
- контенту, расположенному в верхнем левом углу;
- панели быстрого доступа в левом меню;
- пользовательским элементам интерфейса.

Параметры контента

contentBackground — цвет фона контентов и фона форм.

Рекомендуемое значение — #ffffff.
blockTitleColor — цвет заголовка и шеврона в заголовке контента.

Рекомендуемое значение — #323232.

Параметры иконок системы

iconStatColor — цвет иконки;
iconHoverColor — цвет иконки при наведении курсора;
iconBackground — цвет фона подложки иконки;
iconHoverBackground — цвет фона подложки для иконок в hover-режиме;
iconActiveBackground — цвет фона подложки для иконок в active-режиме.

Параметры верхней части страницы

headerBackground — цвет фона верхней части страницы и верхнего меню;
contentHeaderBackground — цвет фона шапки карточки объекта;
menuItemTextColor — цвет текста в верхнем меню;
headerIconColor — цвет иконок в верхнем меню.

Рекомендуется, чтобы значение параметра совпадало со значением параметра "menuItemTextColor";
menuPopupBackground — цвет фона раскрывающегося списка верхнего меню или кнопки "Еще";
tabLinkColor — цвет текста на неактивных корешках вкладок карточки объекта и вкладок контента "Панель вкладок";
popupTabLinkColorHover — цвет текста названия вкладки в раскрывающемся списке;
contentHeaderLinkColor — цвет текста на корешках корневых вкладок карточки,

цвет ссылок на панели управления карточки: кнопка "Назад", неактивные вкладки, "хлебные крошки". Если значение параметра не определено, то используется значение параметра "textColor";
contentHeaderTextColor — цвет текста названия вкладок карточки, цвет ссылок в шапке карточки: кнопка назад, неактивные вкладки, навигационная цепочка "хлебные крошки";
lastCrumbColor — цвет последней (активной) ссылки в навигационной цепочке "хлебные крошки";
activeTabColor — цвет фона корешка активной вкладки первого уровня (на панели управления карточки объекта).

Цвет заливки кнопки добавления в верхнем меню

topMenuButtonBackground — цвет фона кнопки добавления.

Если значение параметра не определено (рекомендуется), то используется значение параметра "headerBackground".
topMenuButtonHoverBackground — цвет фона кнопки при нажатии.

Если значение параметра не определено (рекомендуется), то используется значение параметра "topMenuItemHoverBackground".
topMenuButtonHoverTextColor — цвет текста кнопки при нажатии.

Если значение параметра не определено (рекомендуется), то используется значение параметра "topMenuItemHoverTextColor".

Параметры всех кнопок верхней части страницы

buttonTextColor — цвет текста;
buttonHoverTextColor — цвет текста при нажатии;
buttonBackground — цвет фона кнопки;
buttonHoverBackground — цвет фона кнопки при нажатии;
buttonActiveBackground — цвет фона активной кнопки;
buttonPressedBackground — цвет фона зажатой кнопки;

Параметры кнопок-ссылок, расположенных в верхней части страницы

contentHeaderActionLinkColor — цвет текста;
contentHeaderActionLinkHoverColor — цвет текста при нажатии.

Параметры кнопок, расположенных на панели действий вкладки первого уровня на карточке объекта

tabButtonTextColor — цвет текста;
tabButtonHoverTextColor — цвет текста при нажатии;
tabButtonBackground — цвет фона кнопки;
tabButtonHoverBackground — цвет фона кнопки при нажатии;
tabButtonActiveBackground — цвет фона активной кнопки.

Параметры кнопок-ссылок, расположенных на панели действий вкладки первого уровня на карточке объекта

tabActionLinkColor — цвет текста;
tabActionLinkHoverColor — цвет текста при нажатии.

Параметры полосы под верхним меню

headerBorderBottomWidth — ширина полосы.

Рекомендуемое значение: 4px.

Если полоса не нужна, то 0;
headerBorderBottomColor — цвет полосы под верхним меню.

Рекомендуемое значение: #d1d1d1.

Параметры левого меню

leftMenuBackground — цвет фона всплывающей панели левого меню.

Рекомендуемое значение: #ffffff;
leftMenuModuleItemTextColor — цвет текста заголовка во всплывающей панели;
leftMenuItemTextColor — цвет текста раздела;
quickAccessMenuBackground — цвет фона панели быстрого доступа;
quickAccessTileLinkColor — цвет маркера (иконки или сокращения) в плитке-ссылке;
quickAccessTileColor — цвет маркера (иконки или сокращения) в плитке раздела.

Параметры лога уведомлений

systemNotificationBackgroundColor — цвет фона непрочитанного сообщения;
systemNotificationBackgroundColorHover — цвет фона непрочитанного сообщения при наведении курсора;
pushNotificationBorderColor — цвет границы сообщения.
systemNotificationBorderColor — цвет полосы по верхнему краю сообщения, отображаемого внизу страницы на всю ширину.

Прочие параметры

accentTertiaryColor — второстепенный акцентный цвет, используется для подсветки контента при переходе к нему по ссылке;
autoInsertValueColor — подсветка полей на формах при восстановлении данных.

Не рекомендуется изменять значение параметра autoInsertValueColor.
borderColor — цвет границ полей ввода;
attrTitleColor — цвет текста названий атрибутов в контентах: параметры объекта, параметры связанного объекта, параметры на форме;
tableHeaderColor — цвет текста названий атрибутов в колонках списков;
infoPanelBackground — цвет фона в описании атрибута.

Если значение параметра не определено, то используется значение параметра "panelBackground";
infoPanelTextColor — цвет текста в описании атрибута.

Если значение параметра не определено, то используется значение параметра "attrTitleColor".
tableRowSelectedBackground — цвет фона выбранной строки в списке;
panelBackground — цвет фона различных панелей: панель массовых действий в сложных списках, сложная фильтрация и сортировка, блок "Подробнее";
inputFocusBorderColor — цвет рамки поля в фокусе;
inputBackground — цвет фона полей ввода, выпадающих списков;
inputTextColor — цвет текста в полях ввода;
badgeBackground — цвет фона бейджа выбранных объектов в списке/дереве множественного выбора;
badgeHoverBackground — цвет фона бейджа выбранных объектов в списке/дереве множественного выбора при наведении;
popupSelectItemHoverBackground — цвет фона элемента выпадающего списка при наведении;
linkColor — цвет ссылок;
attrDescriptionIconColor — цвет иконки описания атрибута .

Параметры кнопки-ссылки для пользовательского действия по событию (кнопка-скрипт)

userButtonTextColor — цвет текста;
userButtonHoverTextColor — цвет текста при наведении.

Параметры кнопок на панели действий контентов

advlistButtonTextColor — цвет текста;
advlistButtonActiveTextColor — цвет текста активной кнопки;
advlistButtonHoverTextColor — цвет текста при нажатии;
advlistButtonPressedTextColor — цвет текста зажатой кнопки;
advlistButtonBackground — цвет фона кнопки;
advlistButtonHoverBackground — цвет фона при нажатии;
advlistButtonActiveBackground — цвет фона активной кнопки;
advlistButtonPressedBackground — цвет фона зажатой кнопки.

Параметры кнопок-ссылок на панели действий контентов и кнопок-ссылок на панели массовых операций

actionLinkColor — цвет текста;
actionLinkHoverColor — цвет текста при нажатии.

Параметры фона подложки контролов-иконок

iconActiveBackground — цвет фона подложки контролов-иконок в активном состоянии.

Рекомендуемое значение: #bbb;
iconHoverBackground — цвет фона подложки контролов-иконок при нажатии.

Рекомендуемое значение: #d1d1d1.

Параметры кнопок на формах

formButtonBackground — цвет фона кнопок на формах;
formButtonHoverBackground — цвет фона кнопок на формах при наведении.

Параметры не применяются к кнопке на форме ошибки.

Параметры кнопки "Отмена" на формах настраиваются отдельно.

Параметры кнопки "Отмена" на формах

cancelButtonBackground — цвет фона кнопки;
cancelButtonHoverBackground — цвет фона кнопки при наведении.

Параметры всплывающих форм

popupTabLinkColorHover — цвет текста названия вкладки в всплывающем списке при нажатии кнопки "Еще" в верхнем меню;
popupHeaderBackgroundColor — цвет фона шапки всплывающей формы;
popupFooterBackgroundColor — цвет фона подвала всплывающей формы;
formButtonBackground — цвет фона кнопок на всплывающей форме;

Пример шаблона

Copy

accentColor=#FF6720
# Акцентный цвет

headerBackground=#ffffff
# Цвет фона шапки карточки объекта

buttonBackground=#FF6720
# Цвет кнопок на панелях действий вкладок 

buttonHoverBackground=#D14300
buttonActiveBackground=#D14300
buttonPressedBackground=#852A00
# Цвета фона кнопок на панелях действий вкладок при наведении курсора мыши и при нажатии

buttonTextColor=#ffffff
# Цвет текста на кнопках
buttonHoverTextColor=#ffffff
# Цвет текста на кнопках при наведении

menuItemTextColor=#FF6720
# Цвет текста в верхнем меню
headerIconColor=#FF6720
# Цвет иконок в верхнем меню (рекомендуется использовать тот же цвет, что и в menuItemTextColor)

popupTabLinkColorHover=#FF6720
# Цвет текста названия вкладки в всплывающем списке при нажатии кнопки "Еще" в верхнем меню
popupHeaderBackgroundColor=#FF6720
# Цвет фона шапки всплывающей формы
popupFooterBackgroundColor=#EFF3F8
# Цвет фона подвала всплывающей формы
formButtonBackground=#FF6720
# Цвет фона кнопок на всплывающей форме

accentTertiaryColor=#FFB783
# Второстепенный акцентный цвет (используется для подсветки элементов в акцентном цвете)

autoInsertValueColor=#D8E8F3
# Подсветка полей на формах при восстановлении данных (не рекомендуется изменять)

contentHeaderLinkColor=#FF6720
tabLinkColor=#FF6720
# Цвет текста на корешках вкладок карточки объекта и вкладок контента "Панель вкладок"

headerBorderBottomWidth=4px
# Ширина полосы под белой шапкой (если полоса не нужна, установить значение "0px")

contentHeaderLinkColor=#323232
# Цвет текста на корешках корневых вкладок карточки

Чтобы настроить другие доступные для изменения параметры, обратитесь в службу поддержки NAUMEN.

Действия с шаблонами

Настройка темы интерфейса