---
title: "Тёмная тема"
description: "Настройте тёмную тему для флоу в Adapty, чтобы улучшить пользовательский опыт."
---

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

## Настройка цветовых стилей \{#configure-color-styles\}

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

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

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

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

Чтобы переименовать стиль, нажмите **⋮** рядом с ним и выберите **Rename**.
## Настройка темы строки состояния \{#set-the-status-bar-theme\}

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

## Предпросмотр светлой и тёмной темы \{#preview-light--dark-modes\}

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

## Удаление тёмной темы \{#remove-dark-mode\}

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