Тема
Задав словарь theme на корневом уровне, можно настроить единый стиль интерфейса. Все компоненты и дочерние страницы унаследуют все поля словаря темы корневого уровня.
Чтобы задать отдельный стиль для компонента, укажите словарь theme в словаре компонента. Поле theme компонента переопределяет theme корневого уровня и участвует в объединении тем. У разных компонентов могут быть собственные свойства темы; см. таблицу Ключи темы для каждого компонента.
Если компонент ведёт на страницу, не являющуюся страницей XUI (например, Option/MultipleOption/OrderedOption/EditableList), дочерняя страница использует словарь theme компонента. Если компонент ведёт на другую страницу XUI (например, Link), для дочерней страницы можно отдельно задать словарь theme; он объединится с темой родительской страницы.
Интерфейс
| Ключ | Тип | Описание |
|---|---|---|
| style | стиль | Стиль интерфейса |
| tintColor | цвет | Цвет переднего плана |
| backgroundColor | цвет | Цвет фона |
| separatorColor | цвет | Цвет разделителей компонентов |
| backgroundImage | строка | Относительный путь к фоновой картинке |
Панель навигации
| Ключ | Тип | Описание |
|---|---|---|
| navigationBarColor | цвет | Цвет фона панели навигации |
| navigationTitleColor | цвет | Цвет заголовка панели навигации |
Верхняя и нижняя части
| Ключ | Тип | Описание |
|---|---|---|
| headerTextColor | цвет | Цвет текста header |
| subheaderTextColor | цвет | Цвет текста subheader |
| footerTextColor | цвет | Цвет текста нижней части |
| headerBackgroundColor | цвет | Цвет фона header |
| footerBackgroundColor | цвет | Цвет фона нижней части |
Общие компоненты
| Ключ | Тип | Описание |
|---|---|---|
| cellBackgroundColor | цвет | Цвет фона компонента |
| disclosureIndicatorColor | цвет | Цвет индикатора компонента |
| selectedColor | цвет | Цвет выбранного состояния |
| highlightedColor | цвет | Цвет подсветки |
| labelColor | цвет | Цвет текста заголовка |
| valueColor | цвет | Цвет текста значения |
Состояния
| Ключ | Тип | Описание |
|---|---|---|
| dangerColor | цвет | Цвет ошибки |
| warningColor | цвет | Цвет предупреждения |
| successColor | цвет | Цвет успешного состояния |
Стили
| style | Описание |
|---|---|
| Grouped | Группированный стиль (по умолчанию) |
| Plain | Плоский стиль |
Тип цвет — это строка RGB/RGBA в шестнадцатеричном формате, начинающаяся с #; например, #FF0000 обозначает красный цвет.