Выбор темы приложения

Тема - это настроенный стиль схемы приложения. Изменение темы позволяет изменить внешний вид приложения, который видят пользователи, заходящие на ваш сайт. Тема не влияет на компоновку и содержание. Experience Builder содержит готовые темы с настраиваемыми опциями.

Цвета темы

Настройки темы определяют цвета, использующиеся в приложении. В различных темах используются различные наборы цветов. Можно задать восемь переменных цвета: Первичный, Вторичный, Светлый, Темный, Информация, Успех, Предупреждение и Опасность. Каждая переменная цвета имеет девять уровней серого, которые состоят из цветов темы для приложения, применяемых к страницам и виджетам. Например, при настройке виджетов, выбор цвета по умолчанию соответствует теме приложения и общей теме вашей организации (если применимо). Кроме того, можно настроить цвета виджетов, выбрав их из набора рекомендованных Стандартных цветов, Последних использованных или Дополнительных цветов, чтобы создать собственный. Также можно отменить использование выбранного цвета как цвета по умолчанию, который зависит от окружающих цветов.

Восемь цветовых переменных составляют цветовую палитру темы. Девять оттенков серого генерируются Experience Builder автоматически.

Цветовые схемы и оттенки серого по умолчанию

Использование цветовых схем

Когда вы используете цвет темы для настройки стиля элементов в приложении, элементы ссылаются на переменную цвета темы. Когда вы меняете тему приложения, значение переменной цвета темы меняется и цвета элемента меняются в соответствии с ними. Например, в фоне кнопки может использоваться primary-400, который соответствует цвету средний синий в теме по умолчанию. Если темя меняется на яркую (в которой primary-400 соответствует среднему оранжевому), фон кнопки меняется на средний оранжевый.

По умолчанию, цветовые переменные сопоставляются в следующих элементах приложения:

  • Основные цвета используются для активного состояния интерактивных элементов пользовательского интерфейса, таких ка кнопок и меню.
  • По умолчанию вторичные цвета не используются. Эта цветовая переменная предназначена для дополнительного разнообразия. Например, вы можете настроить в соответствии с вашими фирменными цветами. При создании приложения, настройте элемент (например, активный статус виджета) на использование собственного цвета.
  • Светлые цвета в основном используются для фона контейнеров и их рамок.
  • Темные чаще применяются для текста.
  • Другие цвета палитры по умолчанию не используются элементами пользовательского интерфейса, но они применяются в системных сообщениях, например, о неправильной работе виджета. Вы также можете использовать такие цвета предупреждений в интерфейсе. Например, можно добавить кнопку для немедленного реагирования, используя аварийный цвет, или выбрать предупреждающий желтый для заголовка сообщения. Однако имейте в виду, что если вы изменили эти цвета в настройках темы, цвета связанных элементов и системных сообщений также будут изменены.
    • Информационные цвета - используются для информационных сообщений.
    • Цвета успешного выполнения - используются для обозначения состояния успешного выполнения, например по окончании работы виджета.
    • Цвета предупреждений - используются для предупреждающих сообщений.
    • Цвета опасности - используются для сообщений об ошибках или опасных ситуациях, например, при сбое в работе виджета.

Шрифт темы

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

Использование шрифта темы

Шрифт темы применяет к тексту формат по умолчанию в следующих элементах:

  • Фиксированный текст виджета; например, текст легенды, меню или опции просмотра.
  • Шрифт по умолчанию для настраиваемого текста, например, шрифт для текста виджета, или шрифт по умолчанию для надписи на кнопке.

Вы все равно можете настраивать шрифт текста там, где это допустимо, например в виджете Текст. Также вы можете переключиться к шрифту темы из опций.

Настройки

На панели Тема можно выбрать одну из нескольких готовых тем и применить ее к приложению:

  • По умолчанию - в основном синий и белый.
  • Темная - темные цвета с подсветкой.
  • Яркая - яркие тона.
  • Общая организации - синхронизация с настройками общей темы в вашей организации. Вы не можете настроить пользовательские цвета, если выбрана эта тема. Если вы не выбрали эту тему, вы все равно можете выбрать цвета общей темы при настройке виджета.

Щелкните Настроить, чтобы изменить набор цветов и шрифт.

  • Первичный цвет - настройка первичного цвета, который чаще всего используется по умолчанию в приложении.
  • Дополнительные параметры цвета - измените цветовую палитру для всего набора цветов схемы. При настройке цветовой палитры, можно выбрать один из рекомендованных наборов или настроить цвет для любой цветовой переменной в теме.
  • Шрифт темы - изменение стиля шрифта для текста по умолчанию.
  • Масштаб размера шрифта - настройка общего масштаба текста.
  • Сброс - щелкните эту кнопку, чтобы сбросить текущие настройки темы.