Ionic - 9.1 Introduction au style et au thème de l'application

Jusqu'ici, l'application a été construite pour la logique et la disposition des éléments. Le design, c'est-à-dire les couleurs et les styles visuels, n'a pas encore été abordé. Ce module d'introduction présente les outils qui permettent de personnaliser l'apparence d'une application Ionic avec Angular.

Ce que la mise en page ne règle pas

Les composants comme la grille permettent de positionner les éléments. En revanche, ils ne donnent pas de couleurs ni de style particulier à l'application. Pour la rendre plus personnelle, il faut passer par le style.

Les outils présentés dans le module

Le module montre comment installer et utiliser un thème, avec ses couleurs et ses polices. Il explique aussi comment utiliser les variables CSS à son avantage.

Pour finir, il présente les variables CSS personnalisées, que l'on peut définir soi-même pour réutiliser les mêmes valeurs dans toute l'application.

En résumé

Le module suivant aborde le style de l'application Ionic. Il couvre l'installation d'un thème, la gestion des couleurs et des polices, puis les variables CSS. La prochaine leçon explique le fonctionnement des thèmes dans Ionic.

Points clés

• Les composants vus jusqu'ici règlent surtout la mise en page.
• Ce module s'intéresse au design : couleurs, polices et thèmes.
• Un thème Ionic s'installe et s'utilise dans l'application Angular.
• Les variables CSS permettent de réutiliser des valeurs de style.
• La prochaine leçon explique le fonctionnement des thèmes.

Questions fréquentes

Pourquoi ce module arrive-t-il maintenant ?

Jusqu'ici, l'application a surtout été construite pour la logique et la mise en page. Le design vient ensuite.

Qu'est-ce qu'un thème dans Ionic ?

C'est un ensemble de couleurs et de polices. La vidéo montre comment l'installer et l'utiliser.

Les variables CSS sont-elles nécessaires ?

Elles font partie des outils présentés pour personnaliser le style. La vidéo les explique en détail dans les leçons suivantes.