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

Настройка цветовых стилей

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

Управлять цветовыми стилями можно в разделе Style > Colors на левой панели.

Чтобы добавить цветовой стиль:

1. В разделе Style > Colors нажмите Create style.
2. Выберите светлый и тёмный варианты цвета.

Чтобы переименовать стиль, нажмите ⋮ рядом с ним и выберите Rename.

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

Если Status bar включён в панели Screen settings, вы можете задать его тему отдельно: выберите Light, Dark или Auto в параметрах Status bar theme.

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

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

Удаление тёмной темы

Чтобы полностью отключить поддержку тёмной темы, в панели Style > Colors нажмите ⋮ > Delete dark theme.