Articles sur : Editeur d'application

Configurer le thème

Vous pouvez à tout moment modifier l'apparence de votre application en choisissant un thème :

Dans l'éditeur :
Cliquer sur l'onglet "Design"
Cliquer ensuite sur "thème"

Choisissez alors parmi les différents thèmes proposés celui qui vous correspond en cliquant dessus.

Vous allez devoir ajuster certains éléments pour que le rendu du thème soit optimal.
Vous pouvez entièrement personnaliser un thème, voir le processus ci-dessous




Pour modifier un thème :



1.Dans un premier temps, cliquez sur le modèle qui vous convient le mieux





2.Cliquez ensuite sur, personnaliser




3.Donnez un nom à votre thème






4.Vous pouvez configurer votre thème

Attention, vous éditez maintenant votre thème perso, mais ce dernier n'est pas sélectionné par défaut, si vous souhaitez voir vos modifications en live, retournez sur la liste des thèmes et sélectionnez votre propre thème situé en bas de liste.






4. Sélectionnez donc votre thème perso




5. Enfin, pour appliquer le thème, cliquez sur Compiler et les modifications seront appliqués.

Gardez en tête, que dès que vous effectuez une modification, vous devez cliquer sur "Compiler" pour appliquer les modifications. 🙂




6. Vous pouvez dès maintenant, vous amuser à personnaliser votre thème

Vous remarquerez que nos thèmes sont structurés par catégories de couleurs :

- Couleur principale
- Couleur secondaire
- Couleur tertiaire
...

Vous pouvez définir ces couleurs en cliquant sur le carré de couleur. Par la suite, dans la personnalisation de votre app, vous irez "chercher" parmi ces catégories (une couleur primaire, soit une secondaire ...)





C'est la logique de conception de votre app :

A) Vous définissez des couleurs
B) Vous allez cherchez ces couleurs pour concevoir votre application.

Par exemple, dans "Entête et logo", vous pouvez choisir parmi vos couleurs défini dans le thème.

Encore une fois, gardez en tête, que dès que vous effectuez une modification dans la partie "Design" de votreapp, vous devez cliquer sur "Compiler" pour appliquer les modifications. 🙂

Mis à jour le : 20/06/2022