---
title: "Mode sombre"
description: "Configurez le mode sombre pour les flows dans Adapty afin d'améliorer l'expérience utilisateur."
---

Les flows Adapty prennent en charge le mode sombre nativement. Par défaut, les styles de couleur ont une alternative claire et une alternative sombre — lorsque vous appliquez un style de couleur à un élément, le flow utilise la bonne valeur selon le mode actuel de l'appareil. Adapty fournit un ensemble de styles de couleur préconfigurés, et vous pouvez créer les vôtres.

## Configurer les styles de couleur \{#configure-color-styles\}

Chaque **style de couleur** définit une alternative claire et une alternative sombre. Quand un élément utilise un style nommé, il bascule automatiquement entre les deux.

Vous pouvez gérer les styles de couleur dans **Style** > **Colors** sur la gauche.

Pour ajouter un style de couleur :

1. Dans **Style** > **Colors**, cliquez sur **Create style**.
2. Sélectionnez les alternatives de couleur claire et sombre.

Pour renommer un style, cliquez sur **⋮** à côté de celui-ci et sélectionnez **Rename**.

## Définir le thème de la barre d'état \{#set-the-status-bar-theme\}

Si **Status bar** est activée dans le panneau **Screen settings**, vous pouvez définir son thème indépendamment : sélectionnez **Light**, **Dark** ou **Auto** dans les options **Status bar theme**.

## Prévisualiser les modes clair et sombre \{#preview-light--dark-modes\}

Pour prévisualiser l'apparence de votre flow dans chaque mode, utilisez le bouton bascule soleil/lune en bas de la zone de prévisualisation.

## Supprimer le mode sombre \{#remove-dark-mode\}

Pour supprimer entièrement la prise en charge du mode sombre, dans le panneau **Style** > **Colors**, cliquez sur **⋮** > **Delete dark theme**.