{"id":77080,"date":"2025-12-19T10:51:04","date_gmt":"2025-12-19T15:51:04","guid":{"rendered":"https:\/\/memberpress.com\/?post_type=ht_kb&#038;p=77080"},"modified":"2026-02-11T04:33:11","modified_gmt":"2026-02-11T09:33:11","slug":"configuring-app-colors-in-memberpress-app","status":"publish","type":"ht_kb","link":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/","title":{"rendered":"Configuration des couleurs de l'application dans MemberPress AppKit"},"content":{"rendered":"<p>Des couleurs de marque coh\u00e9rentes am\u00e9liorent la conception des applications, renforcent l'identit\u00e9 et am\u00e9liorent la convivialit\u00e9. Les param\u00e8tres de couleurs de MemberPress AppKit permettent de personnaliser les arri\u00e8re-plans, les boutons, les \u00e9l\u00e9ments de navigation et la mise en valeur du contenu. <\/p>\r\n\r\n\r\n\r\n<p>Ce document explique comment configurer les jeux de couleurs pour toutes les sections de l'application et pr\u00e9visualiser les changements sur les plateformes iOS et Android.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\r\n<span class=\"xsEP6avfqvbajHbJYL9duhIgD7yAFG5OW2dVn4mULPNWVnKxZq1FkOcSrIjleuipGJCQM8twkpEyg5o8iRNMTKS2XR60wrX7Bhe\"><div class=\"responsive-video\"><iframe title=\"MemberPress App : Personnaliser les couleurs de votre application\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/be8967RzXgI?feature=oembed&enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/span>\r\n<\/div><\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"color-configuration\"><a href=\"#color-configuration\">Comprendre la configuration des couleurs<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Les param\u00e8tres de couleur contr\u00f4lent l'aspect visuel de l'application, y compris les arri\u00e8re-plans, le texte, les boutons, les barres de navigation et les \u00e9l\u00e9ments interactifs. Chaque param\u00e8tre de couleur affecte des composants d'interface sp\u00e9cifiques. Des aper\u00e7us en temps r\u00e9el affichent les changements de couleur sur les maquettes iOS et Android. Une configuration correcte des couleurs assure la coh\u00e9rence de la marque et maintient la lisibilit\u00e9 dans diff\u00e9rents contextes d'\u00e9cran.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"color-settings\"><a href=\"#color-settings\">Acc\u00e8s aux param\u00e8tres de couleur<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Toute la configuration des couleurs se fait dans l'interface de branding colors.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; MP AppKit<\/strong> <strong>&gt; Image de marque &gt; Couleurs<\/strong>.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-1024x576.jpg\" alt=\"\" class=\"wp-image-77635\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"general-colors\"><a href=\"#general-colors\">Configuration des couleurs g\u00e9n\u00e9rales<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Les couleurs g\u00e9n\u00e9rales d\u00e9finissent les \u00e9l\u00e9ments primaires de l'interface dans l'ensemble de l'application.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; MP AppKit<\/strong> <strong>&gt; Image de marque &gt; Couleurs<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localiser le <strong>G\u00e9n\u00e9ral<\/strong> section.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur de fond<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur \u00e0 l'aide du s\u00e9lecteur de couleurs ou entrez un code hexagonal.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Autre couleur d'arri\u00e8re-plan<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>Choisissez une couleur contrastante pour les sections de contenu alternatif.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur de l'arri\u00e8re-plan de l'image<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur pour les arri\u00e8re-plans des espaces r\u00e9serv\u00e9s aux images.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur de la bordure<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>Choisissez une couleur discr\u00e8te pour les bordures des \u00e9l\u00e9ments et les s\u00e9parateurs.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur d'accent<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>Choisissez une couleur dominante pour mettre en \u00e9vidence les points forts et les points forts.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p>Pr\u00e9visualisation imm\u00e9diate des changements sur les maquettes App Page, Directory Page et Menu Page.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"color-purposes\"><a href=\"#color-purposes\"><strong>Comprendre les objectifs g\u00e9n\u00e9raux de la couleur<\/strong><\/a><\/h3>\r\n\r\n\r\n\r\n<p>Chaque couleur g\u00e9n\u00e9rale remplit des fonctions d'interface sp\u00e9cifiques.<\/p>\r\n\r\n\r\n\r\n<p><strong>Couleur de fond<\/strong> remplit les zones de contenu et les pages principales. Cette couleur doit offrir un contraste optimal avec les couleurs du texte pour une meilleure lisibilit\u00e9.<\/p>\r\n\r\n\r\n\r\n<p><strong>Autre couleur d'arri\u00e8re-plan<\/strong> diff\u00e9rencie les sections ou les cartes \u00e0 l'int\u00e9rieur des pages. Cette couleur doit contraster subtilement avec l'arri\u00e8re-plan principal tout en conservant une apparence coh\u00e9rente.<\/p>\r\n\r\n\r\n\r\n<p><strong>Couleur de l'arri\u00e8re-plan de l'image<\/strong> s'affiche derri\u00e8re les images pendant le chargement ou lorsque les images ne sont pas disponibles. Cette couleur doit compl\u00e9ter le contenu typique de l'image sans cr\u00e9er de transitions g\u00eanantes.<\/p>\r\n\r\n\r\n\r\n<p><strong>Couleur de la bordure<\/strong> d\u00e9finit les limites et les s\u00e9parations des \u00e9l\u00e9ments. Cette couleur doit \u00eatre suffisamment subtile pour ne pas dominer, mais suffisamment visible pour fournir une structure.<\/p>\r\n\r\n\r\n\r\n<p><strong>Couleur d'accent<\/strong> met en \u00e9vidence les \u00e9l\u00e9ments interactifs et les informations importantes. Cette couleur doit ressortir de mani\u00e8re \u00e9vidente tout en compl\u00e9tant la palette de couleurs globale.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"navigation-bar-colors\"><a href=\"#navigation-bar-colors\">Personnalisation des couleurs de la barre de navigation<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Les couleurs de la barre de navigation affectent les en-t\u00eates des applications et les \u00e9l\u00e9ments de navigation sup\u00e9rieurs.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; MP AppKit &gt; Branding &gt; Couleurs<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localiser le <strong>Barre de navigation<\/strong> section.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur de fond<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur pour l'arri\u00e8re-plan des barres de navigation.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur du texte<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur qui assure la lisibilit\u00e9 par rapport \u00e0 l'arri\u00e8re-plan.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur du lien<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur pour les liens de navigation et le texte interactif.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-1024x576.jpg\" alt=\"\" class=\"wp-image-77636\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>L'aper\u00e7u de la barre de navigation est mis \u00e0 jour imm\u00e9diatement dans la maquette de l'en-t\u00eate.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"navigation-readability\"><a href=\"#navigation-readability\">Assurer la lisibilit\u00e9 de la navigation<\/a><\/h3>\r\n\r\n\r\n\r\n<p>Les couleurs de navigation doivent \u00eatre suffisamment contrast\u00e9es pour \u00eatre accessibles.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"tab-bar-colors\"><a href=\"#tab-bar-colors\">Style de la barre d'onglets et de l'\u00e9cran More<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Les couleurs de la barre d'onglets et de l'\u00e9cran suppl\u00e9mentaire contr\u00f4lent l'apparence de la navigation inf\u00e9rieure et du menu de d\u00e9bordement.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; MP AppKit<\/strong> <strong>&gt; Image de marque &gt; Couleurs<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localiser le <strong>Tab Bar &amp; More<\/strong> section.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur d'arri\u00e8re-plan de la barre d'onglets<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur pour l'arri\u00e8re-plan des barres d'onglets.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Ic\u00f4ne Couleur par d\u00e9faut<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur pour les ic\u00f4nes de navigation inactives.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Ic\u00f4ne Couleur active<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur dominante pour les ic\u00f4nes de navigation actives.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-1024x576.jpg\" alt=\"\" class=\"wp-image-77637\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Mise \u00e0 jour des maquettes de pr\u00e9visualisation pour montrer l'apparence de la barre d'onglets avec les couleurs s\u00e9lectionn\u00e9es.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"active-inactive-icons\"><a href=\"#active-inactive-icons\">Diff\u00e9rencier les ic\u00f4nes actives et inactives<\/a><\/h3>\r\n\r\n\r\n\r\n<p>Les couleurs des ic\u00f4nes doivent indiquer clairement l'\u00e9tat de la navigation.<\/p>\r\n\r\n\r\n\r\n<p>La couleur de l'ic\u00f4ne active doit contraster fortement avec la couleur par d\u00e9faut pour indiquer l'emplacement actuel. Les membres doivent pouvoir reconna\u00eetre imm\u00e9diatement la section qu'ils consultent. Une diff\u00e9renciation insuffisante entra\u00eene une confusion dans la navigation et une mauvaise exp\u00e9rience pour l'utilisateur.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"button-styles\"><a href=\"#button-styles\">Personnalisation des styles de boutons<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Les couleurs des boutons d\u00e9finissent l'apparence des \u00e9l\u00e9ments interactifs dans l'application.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; MP AppKit<\/strong> <strong>&gt; Image de marque &gt; Couleurs<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localiser le <strong>Boutons<\/strong> section.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur d'arri\u00e8re-plan du bouton primaire<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur dominante pour les boutons d'action principaux.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur du texte du bouton primaire<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur contrastante pour le texte du bouton.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur d'arri\u00e8re-plan du bouton secondaire<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>Choisissez une couleur subtile pour les boutons d'action secondaires.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur du texte du bouton secondaire<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur de texte appropri\u00e9e pour les boutons secondaires.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-1024x576.jpg\" alt=\"\" class=\"wp-image-77638\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Les mises \u00e0 jour de l'aper\u00e7u des boutons montrent comment les boutons apparaissent dans diff\u00e9rents contextes.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"button-hierarchies\"><a href=\"#button-hierarchies\">Distinguer les hi\u00e9rarchies de boutons<\/a><\/h3>\r\n\r\n\r\n\r\n<p>Les boutons principaux et secondaires doivent indiquer clairement l'importance de l'action.<\/p>\r\n\r\n\r\n\r\n<p>Les boutons primaires repr\u00e9sentent les actions principales telles que \u201cAcheter\u201d, \u201cSoumettre\u201d ou \u201cContinuer\u201d. Ces boutons doivent utiliser des couleurs vives qui attirent l'attention. Les boutons secondaires repr\u00e9sentent des actions alternatives telles que \u201cAnnuler\u201d ou \u201cRevenir en arri\u00e8re\u201d. Ces boutons doivent utiliser des couleurs plus discr\u00e8tes qui compl\u00e8tent les boutons principaux sans les concurrencer.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"text-colors\"><a href=\"#text-colors\">Ajustement des couleurs du texte<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Les couleurs du texte contr\u00f4lent la lisibilit\u00e9 et la hi\u00e9rarchie du contenu dans l'application.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; MP AppKit<\/strong> <strong>&gt; Image de marque &gt; Couleurs<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localiser le <strong>Couleurs du texte<\/strong> section.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur du texte de l'en-t\u00eate<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>Choisissez une couleur dominante pour les titres de section.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur du texte du corps<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>Choisissez une couleur tr\u00e8s lisible pour le texte du contenu principal.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Description Couleur du texte<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur l\u00e9g\u00e8rement att\u00e9nu\u00e9e pour les descriptions suppl\u00e9mentaires.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur du m\u00e9ta texte<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur subtile pour les horodatages et les m\u00e9tadonn\u00e9es.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-1024x576.jpg\" alt=\"\" class=\"wp-image-77640\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>L'aper\u00e7u du texte affiche l'apparence des diff\u00e9rents niveaux de texte avec les couleurs s\u00e9lectionn\u00e9es.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"text-hierarchy\"><a href=\"#text-hierarchy\">\u00c9tablissement d'une hi\u00e9rarchie de texte<\/a><\/h3>\r\n\r\n\r\n\r\n<p>Les couleurs du texte doivent cr\u00e9er une hi\u00e9rarchie visuelle claire pour la lecture du contenu.<\/p>\r\n\r\n\r\n\r\n<p>Le texte de l'en-t\u00eate doit \u00eatre le plus visible pour indiquer les d\u00e9buts de section. Le corps du texte doit offrir une lisibilit\u00e9 optimale pour une lecture prolong\u00e9e. Le texte descriptif doit \u00eatre distinct, mais moins visible que le corps du texte. Le m\u00e9ta-texte doit \u00eatre suffisamment subtil pour ne pas d\u00e9tourner l'attention du contenu principal.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"styling-labels\"><a href=\"#styling-labels\">\u00c9tiquettes de style<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Les couleurs des \u00e9tiquettes affectent les \u00e9tiquettes, les badges et les indicateurs d'\u00e9tat dans l'ensemble de l'application.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; MP AppKit<\/strong> <strong>&gt; Image de marque &gt; Couleurs<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localiser le <strong>\u00c9tiquettes<\/strong> section.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur d'arri\u00e8re-plan de l'\u00e9tiquette<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur pour l'arri\u00e8re-plan des \u00e9tiquettes.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur du texte de l'\u00e9tiquette<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur contrastante pour le texte de l'\u00e9tiquette.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-1024x576.jpg\" alt=\"\" class=\"wp-image-77641\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>L'aper\u00e7u de l'\u00e9tiquette montre l'apparence dans les vues de liste et de d\u00e9tail.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"label-visibility\"><a href=\"#label-visibility\">Assurer la visibilit\u00e9 des \u00e9tiquettes<\/a><\/h3>\r\n\r\n\r\n\r\n<p>Les \u00e9tiquettes doivent rester visibles sur diff\u00e9rents fonds de page.<\/p>\r\n\r\n\r\n\r\n<p>La couleur d'arri\u00e8re-plan de l'\u00e9tiquette doit contraster avec les fonds de page o\u00f9 apparaissent les \u00e9tiquettes. Le texte de l'\u00e9tiquette doit \u00eatre fortement contrast\u00e9 par rapport \u00e0 l'arri\u00e8re-plan de l'\u00e9tiquette afin d'en faciliter la lecture. Les \u00e9tiquettes apparaissent souvent sur des arri\u00e8re-plans diff\u00e9rents, de sorte que la s\u00e9lection des couleurs doit tenir compte de contextes multiples.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"login-screen-colors\"><a href=\"#login-screen-colors\">Personnalisation des couleurs de l'\u00e9cran de connexion<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Les couleurs de l'\u00e9cran de connexion d\u00e9finissent l'apparence de la page d'authentification.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; MP AppKit<\/strong> <strong>&gt; Image de marque &gt; Couleurs<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localiser le <strong>\u00c9crans de connexion<\/strong> section.<br><\/li>\r\n\r\n\r\n\r\n<li>Configurez les \u00e9chantillons de couleurs suivants :<br>\r\n<ul class=\"wp-block-list\">\r\n<li><strong>Couleur de fond<\/strong> pour l'arri\u00e8re-plan de la page de connexion ;<\/li>\r\n\r\n\r\n\r\n<li><strong>Arri\u00e8re-plan du champ de saisie<\/strong> pour les arri\u00e8re-plans des champs de formulaire ;<\/li>\r\n\r\n\r\n\r\n<li><strong>Bordure des champs de saisie<\/strong> pour les grandes lignes du champ ;<\/li>\r\n\r\n\r\n\r\n<li><strong>Texte du champ de saisie<\/strong> pour la couleur du texte saisi ;<\/li>\r\n\r\n\r\n\r\n<li><strong>Bouton d'arri\u00e8re-plan<\/strong> pour les arri\u00e8re-plans des boutons d'action ;<\/li>\r\n\r\n\r\n\r\n<li><strong>Texte du bouton<\/strong> pour la couleur du texte du bouton.<br><\/li>\r\n<\/ul>\r\n<\/li>\r\n\r\n\r\n\r\n<li>Examinez les aper\u00e7us des \u00e9crans Connexion et Mot de passe oubli\u00e9.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-1024x576.jpg\" alt=\"\" class=\"wp-image-77643\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>L'aper\u00e7u de l'\u00e9cran de connexion affiche les pages d'authentification avec les couleurs s\u00e9lectionn\u00e9es.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"registration-colors\"><a href=\"#registration-colors\">Couleurs de l'\u00e9cran d'enregistrement<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Les couleurs de l'\u00e9cran d'enregistrement d\u00e9finissent l'apparence de la page de cr\u00e9ation de compte.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; MP AppKit &gt; Branding &gt; Couleurs<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localiser le <strong>\u00c9crans d'enregistrement<\/strong> section.<br><\/li>\r\n\r\n\r\n\r\n<li>Configurez les \u00e9chantillons de couleurs suivants :\r\n<ul class=\"wp-block-list\">\r\n<li><strong>Couleur de fond<\/strong> pour l'arri\u00e8re-plan de la page d'enregistrement ;<\/li>\r\n\r\n\r\n\r\n<li><strong>Arri\u00e8re-plan du champ de saisie<\/strong> pour les arri\u00e8re-plans des champs de formulaire ;<\/li>\r\n\r\n\r\n\r\n<li><strong>Bordure des champs de saisie<\/strong> pour les grandes lignes du champ ;<\/li>\r\n\r\n\r\n\r\n<li><strong>Texte du champ de saisie<\/strong> pour la couleur du texte saisi ;<\/li>\r\n\r\n\r\n\r\n<li><strong>Bouton d'arri\u00e8re-plan<\/strong> pour les arri\u00e8re-plans des boutons d'action ;<\/li>\r\n\r\n\r\n\r\n<li><strong>Texte du bouton<\/strong> pour la couleur du texte du bouton.<br><\/li>\r\n<\/ul>\r\n<\/li>\r\n\r\n\r\n\r\n<li>Examinez l'aper\u00e7u de l'\u00e9cran d'enregistrement.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-1024x576.jpg\" alt=\"\" class=\"wp-image-77644\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>L'utilisation de couleurs coh\u00e9rentes entre les \u00e9crans de connexion et d'enregistrement cr\u00e9e des exp\u00e9riences d'authentification coh\u00e9rentes.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"android-status-bar\"><a href=\"#android-status-bar\">Configuration de la couleur de la barre d'\u00e9tat d'Android<\/a><\/h2>\r\n\r\n\r\n\r\n<p>La couleur de la barre d'\u00e9tat d'Android affecte l'apparence de la barre d'\u00e9tat de l'appareil en haut de l'\u00e9cran.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; MP AppKit<\/strong> <strong>&gt; Image de marque &gt; Couleurs<\/strong>.<\/li>\r\n\r\n\r\n\r\n<li>Localiser le <strong>Barre d'\u00e9tat Android<\/strong> section.<\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Couleur d'arri\u00e8re-plan de l'\u00e9tat<\/strong> swatch.<\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur qui s'harmonise avec la barre de navigation ou qui la compl\u00e8te.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-1024x576.jpg\" alt=\"\" class=\"wp-image-77645\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>L'aper\u00e7u de la couleur de la barre d'\u00e9tat est mis \u00e0 jour uniquement sur la maquette de l'appareil Android. Ce param\u00e8tre n'affecte pas les appareils iOS.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"in-app-purchase-colors\"><a href=\"#in-app-purchase-colors\">Personnaliser les couleurs des achats In-App<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Les couleurs des achats en ligne mettent en valeur les produits et les avantages li\u00e9s \u00e0 l'adh\u00e9sion.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Naviguez jusqu'\u00e0 <strong>Tableau de bord &gt; MP AppKit<\/strong> <strong>&gt; Image de marque &gt; Couleurs<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localiser le <strong>Achats int\u00e9gr\u00e9s<\/strong> section.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Statut des achats Couleur de la coche<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur pour les coches indiquant les adh\u00e9sions achet\u00e9es.<br><\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur le bouton <strong>Avantages Couleur de la coche<\/strong> swatch.<br><\/li>\r\n\r\n\r\n\r\n<li>S\u00e9lectionnez une couleur pour les cases \u00e0 cocher \u00e9num\u00e9rant les avantages de l'adh\u00e9sion.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-1024x576.jpg\" alt=\"\" class=\"wp-image-77646\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>L'aper\u00e7u de l'\u00e9cran d'achat affiche les listes de produits avec des couleurs de coche configur\u00e9es.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"purchase-status\"><a href=\"#purchase-status\">Mise en \u00e9vidence du statut d'achat<\/a><\/h3>\r\n\r\n\r\n\r\n<p>La couleur des coches doit indiquer clairement que l'achat a \u00e9t\u00e9 effectu\u00e9 et que les prestations ont \u00e9t\u00e9 incluses.<\/p>\r\n\r\n\r\n\r\n<p>Les marques de contr\u00f4le de l'\u00e9tat des achats doivent utiliser des couleurs positives, comme le vert, pour indiquer les transactions r\u00e9ussies. Les marques de contr\u00f4le des avantages doivent compl\u00e9ter la couleur de l'\u00e9tat des achats tout en restant distinctes. Un contraste suffisant avec les couleurs d'arri\u00e8re-plan garantit la visibilit\u00e9 dans diff\u00e9rents contextes d'\u00e9cran.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"saving-configuration\"><a href=\"#saving-configuration\">Sauvegarde de la configuration des couleurs<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Toutes les s\u00e9lections de couleurs doivent \u00eatre sauvegard\u00e9es avant de prendre effet.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Passez en revue toutes les couleurs configur\u00e9es dans les maquettes de pr\u00e9visualisation.<\/li>\r\n\r\n\r\n\r\n<li>Faites d\u00e9filer l'\u00e9cran jusqu'au bas de la page <strong>Tableau de bord &gt; MP AppKit &gt; Branding &gt; Couleurs<\/strong> page.<\/li>\r\n\r\n\r\n\r\n<li>Cliquez sur <strong>Enregistrer les modifications<\/strong>.<\/li>\r\n\r\n\r\n\r\n<li>Attendez le message de confirmation indiquant que l'enregistrement a r\u00e9ussi.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-1024x576.jpg\" alt=\"\" class=\"wp-image-77647\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Remarque :<\/strong> Le fait de quitter la page sans sauvegarder entra\u00eene la perte de toutes les modifications de couleur non sauvegard\u00e9es.<\/p>","protected":false},"excerpt":{"rendered":"<p>Configurez des couleurs d'application coh\u00e9rentes pour les arri\u00e8re-plans, les boutons et le texte de votre application MemberPress. Renforcez l'identit\u00e9 de la marque et am\u00e9liorez la convivialit\u00e9 de l'application sur iOS et Android.<\/p>","protected":false},"author":86440,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","_strive_checklists":"\"\"","_strive_active_checklist":"62291e2bb2422","footnotes":""},"ht-kb-category":[1538],"ht-kb-tag":[],"class_list":{"0":"post-77080","1":"ht_kb","2":"type-ht_kb","3":"status-publish","4":"format-standard","6":"ht_kb_category-app-content","7":"entry","8":"has-post-thumbnail"},"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.5.2 - aioseo.com -->\n\t<meta name=\"description\" content=\"Configure consistent app colors for your MemberPress App&#039;s backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Kashif\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.5.2\" \/>\n\t\t<meta property=\"og:locale\" content=\"fr_FR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"MemberPress\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Configuring App Colors in MemberPress AppKit\" \/>\n\t\t<meta property=\"og:description\" content=\"Configure consistent app colors for your MemberPress App&#039;s backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1650\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1275\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-12-19T15:51:04+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-02-11T09:33:11+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/memberpress\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@memberpress\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Configuring App Colors in MemberPress AppKit\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Configure consistent app colors for your MemberPress App&#039;s backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#article\",\"name\":\"Configuring App Colors in MemberPress AppKit\",\"headline\":\"Configuring App Colors in MemberPress AppKit\",\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Configuring-App-Colors-in-MemberPress-App-1.jpg\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#articleImage\",\"width\":1366,\"height\":769},\"datePublished\":\"2025-12-19T10:51:04-05:00\",\"dateModified\":\"2026-02-11T04:33:11-05:00\",\"inLanguage\":\"fr-FR\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#webpage\"},\"articleSection\":\"AppKit Content\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/memberpress.com\\\/fr\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/doc-categories\\\/app\\\/#listItem\",\"name\":\"MemberPress AppKit\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/doc-categories\\\/app\\\/#listItem\",\"position\":2,\"name\":\"MemberPress AppKit\",\"item\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/doc-categories\\\/app\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/doc-categories\\\/app-content\\\/#listItem\",\"name\":\"AppKit Content\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/doc-categories\\\/app-content\\\/#listItem\",\"position\":3,\"name\":\"AppKit Content\",\"item\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/doc-categories\\\/app-content\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#listItem\",\"name\":\"Configuring App Colors in MemberPress AppKit\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/doc-categories\\\/app\\\/#listItem\",\"name\":\"MemberPress AppKit\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#listItem\",\"position\":4,\"name\":\"Configuring App Colors in MemberPress AppKit\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/doc-categories\\\/app-content\\\/#listItem\",\"name\":\"AppKit Content\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/#organization\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"url\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/mp-icon-RGB_Icon-01.jpg\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#organizationLogo\",\"width\":1650,\"height\":1275,\"caption\":\"memberpress logo icon\"},\"image\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/memberpress\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/memberpressplugin\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/MemberPressPlugin\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/memberpress\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\",\"url\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/author\\\/kashifcaseproof-com\\\/\",\"name\":\"Kashif\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/litespeed\\\/avatar\\\/2fa3d3f90ddc6213dce27b98165e7ec9.jpg?ver=1775158903\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#webpage\",\"url\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/\",\"name\":\"Configuring App Colors in MemberPress AppKit\",\"description\":\"Configure consistent app colors for your MemberPress App's backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.\",\"inLanguage\":\"fr-FR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"datePublished\":\"2025-12-19T10:51:04-05:00\",\"dateModified\":\"2026-02-11T04:33:11-05:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"inLanguage\":\"fr-FR\",\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/fr\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Configuring App Colors in MemberPress AppKit<\/title>\n\n","aioseo_head_json":{"title":"Configuration des couleurs de l'application dans MemberPress AppKit","description":"Configurez des couleurs d'application coh\u00e9rentes pour les arri\u00e8re-plans, les boutons et le texte de votre application MemberPress. Renforcez l'identit\u00e9 de la marque et am\u00e9liorez la convivialit\u00e9 de l'application sur iOS et Android.","canonical_url":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/#article","name":"Configuring App Colors in MemberPress AppKit","headline":"Configuring App Colors in MemberPress AppKit","author":{"@id":"https:\/\/memberpress.com\/fr\/blog\/author\/kashifcaseproof-com\/#author"},"publisher":{"@id":"https:\/\/memberpress.com\/fr\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1.jpg","@id":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/#articleImage","width":1366,"height":769},"datePublished":"2025-12-19T10:51:04-05:00","dateModified":"2026-02-11T04:33:11-05:00","inLanguage":"fr-FR","mainEntityOfPage":{"@id":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/#webpage"},"isPartOf":{"@id":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/#webpage"},"articleSection":"AppKit Content"},{"@type":"BreadcrumbList","@id":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr#listItem","position":1,"name":"Home","item":"https:\/\/memberpress.com\/fr","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/doc-categories\/app\/#listItem","name":"MemberPress AppKit"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/doc-categories\/app\/#listItem","position":2,"name":"MemberPress AppKit","item":"https:\/\/memberpress.com\/fr\/doc-categories\/app\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/doc-categories\/app-content\/#listItem","name":"AppKit Content"},"previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/doc-categories\/app-content\/#listItem","position":3,"name":"AppKit Content","item":"https:\/\/memberpress.com\/fr\/doc-categories\/app-content\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/#listItem","name":"Configuring App Colors in MemberPress AppKit"},"previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/doc-categories\/app\/#listItem","name":"MemberPress AppKit"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/#listItem","position":4,"name":"Configuring App Colors in MemberPress AppKit","previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/fr\/doc-categories\/app-content\/#listItem","name":"AppKit Content"}}]},{"@type":"Organization","@id":"https:\/\/memberpress.com\/fr\/#organization","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","url":"https:\/\/memberpress.com\/fr\/","logo":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","@id":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/#organizationLogo","width":1650,"height":1275,"caption":"memberpress logo icon"},"image":{"@id":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/#organizationLogo"},"sameAs":["https:\/\/www.instagram.com\/memberpress\/","https:\/\/www.pinterest.com\/memberpressplugin\/","https:\/\/www.youtube.com\/c\/MemberPressPlugin","https:\/\/www.linkedin.com\/company\/memberpress\/"]},{"@type":"Person","@id":"https:\/\/memberpress.com\/fr\/blog\/author\/kashifcaseproof-com\/#author","url":"https:\/\/memberpress.com\/fr\/blog\/author\/kashifcaseproof-com\/","name":"Kashif","image":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/litespeed\/avatar\/2fa3d3f90ddc6213dce27b98165e7ec9.jpg?ver=1775158903"}},{"@type":"WebPage","@id":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/#webpage","url":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/","name":"Configuring App Colors in MemberPress AppKit","description":"Configure consistent app colors for your MemberPress App's backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.","inLanguage":"fr-FR","isPartOf":{"@id":"https:\/\/memberpress.com\/fr\/#website"},"breadcrumb":{"@id":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/#breadcrumblist"},"author":{"@id":"https:\/\/memberpress.com\/fr\/blog\/author\/kashifcaseproof-com\/#author"},"creator":{"@id":"https:\/\/memberpress.com\/fr\/blog\/author\/kashifcaseproof-com\/#author"},"datePublished":"2025-12-19T10:51:04-05:00","dateModified":"2026-02-11T04:33:11-05:00"},{"@type":"WebSite","@id":"https:\/\/memberpress.com\/fr\/#website","url":"https:\/\/memberpress.com\/fr\/","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","inLanguage":"fr-FR","publisher":{"@id":"https:\/\/memberpress.com\/fr\/#organization"}}]},"og:locale":"fr_FR","og:site_name":"MemberPress","og:type":"article","og:title":"Configuring App Colors in MemberPress AppKit","og:description":"Configure consistent app colors for your MemberPress App's backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.","og:url":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/","og:image":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","og:image:secure_url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","og:image:width":1650,"og:image:height":1275,"article:published_time":"2025-12-19T15:51:04+00:00","article:modified_time":"2026-02-11T09:33:11+00:00","article:publisher":"https:\/\/www.facebook.com\/memberpress\/","twitter:card":"summary_large_image","twitter:site":"@memberpress","twitter:title":"Configuring App Colors in MemberPress AppKit","twitter:description":"Configure consistent app colors for your MemberPress App's backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.","twitter:image":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg"},"aioseo_meta_data":{"post_id":"77080","title":"#post_title","description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"colors","score":78,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":1},"keyphraseInURL":{"score":5,"maxScore":5,"error":0},"keyphraseInIntroduction":{"score":9,"maxScore":9,"error":0},"keyphraseInSubHeadings":{"score":9,"maxScore":9,"error":0},"keyphraseInImageAlt":{"score":3,"maxScore":9,"error":1},"keywordDensity":{"type":"high","score":0,"maxScore":9,"error":1}}},"additional":[{"keyphrase":"MemberPress App","score":40,"analysis":{"keyphraseInDescription":{"score":3,"maxScore":9,"error":1},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":2},"keyphraseInIntroduction":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":3,"maxScore":9,"error":1},"keywordDensity":{"score":0,"type":"low","maxScore":9,"error":1}}}]},"primary_term":null,"canonical_url":null,"og_title":"#post_title","og_description":"#post_excerpt","og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":"#post_title","twitter_description":"#post_excerpt","schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"seo_analyzer_scan_date":"2026-02-11 09:39:18","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":"0","open_ai":null,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2025-12-09 11:39:09","updated":"2026-03-03 14:48:50"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/fr\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/fr\/doc-categories\/app\/\" title=\"MemberPress AppKit\">MemberPress AppKit<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/fr\/doc-categories\/app-content\/\" title=\"AppKit Content\">AppKit Content<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\tConfiguring App Colors in MemberPress AppKit\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/memberpress.com\/fr"},{"label":"MemberPress AppKit","link":"https:\/\/memberpress.com\/fr\/doc-categories\/app\/"},{"label":"AppKit Content","link":"https:\/\/memberpress.com\/fr\/doc-categories\/app-content\/"},{"label":"Configuring App Colors in MemberPress AppKit","link":"https:\/\/memberpress.com\/fr\/docs\/configuring-app-colors-in-memberpress-app\/"}],"_links":{"self":[{"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/ht-kb\/77080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/users\/86440"}],"replies":[{"embeddable":true,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/comments?post=77080"}],"version-history":[{"count":6,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/ht-kb\/77080\/revisions"}],"predecessor-version":[{"id":79107,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/ht-kb\/77080\/revisions\/79107"}],"wp:attachment":[{"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/media?parent=77080"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=77080"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/memberpress.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=77080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}