Mode sombre

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.

Un écran prévisualisé en mode clair et en mode sombre côte à côte

Configurer les styles de couleur

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.
color-styles.webp

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

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.

status-bar-theme.webp

Prévisualiser les modes clair et sombre

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.

dark-mode-preview.webp

Supprimer le mode sombre

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

delete-dark-mode.webp