Personnalisation du thème de l’application

Raphaël a développé à présent les fonctionnalités qu’il souhaitait. Il souhaite à présent apporter une personnalisation à l’application. Pour cela, il va modifier le thème de base. Pour cela, Raphaël va effectuer des modifications dans le fichier src/theme/variables.scss. Tout d’abord, il va ajouter la ligne suivante :


$toolbar-background: black;
 

Cette ligne permet de définir un fond noir pour la barre de titre. Le texte du titre prend automatiquement la couleur blanche.

Pour finir, Raphaël souhaite définir la couleur verte du site en tant que couleur principale de l’application. Pour cela, Raphaël modifie le tableau $colors du fichier en modifiant la ligne suivante :


primary:    #3bb22f,
 

À présent, l’application possède une identité visuelle plus proche de celle du site. Raphaël peut à présent effectuer le dernier commit du développement du projet. Pour cela, il exécute les commandes suivantes :


git add src/theme/variables.scss 
git commit -m "Thème : fond titre + couleur verte" 
git tag theme-app
 

Ce commit effectué, Raphaël souhaite publier son application sur les différents stores applicatifs.

Pour consulter la suite, découvrez le livre suivant :
couv_EPMETION.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Envoi de nouveaux messages
Suivant
Publication d'une application