--- sourceDocument: Interface utilisateur de la Now Platform Xanadu sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/xanadu/platform-user-interface Release : - xanadu ft:locale : - fr-FR ft:publication_title : - Interface utilisateur de la Now Platform Xanadu ft:clusterId : - platux bundleId : - platux workflow : - Platform --- # Gérer ou modifier un thème avec Générateur de thèmes # Gérer ou modifier un thème avec Générateur de thèmes {#ariaid-title1} * Rversion finale: Xanadu * * Mis à jour 1 août 2024 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes de lecture Personnalisez et gérez votre thème et votre style de manière efficace en termes de temps et d'argent. Vous pouvez publier de nouveaux thèmes sur les implémentations Web ou mobiles de votre instance. ## Avant de commencer Rôle requis : administrateur ## Procédure 1. Accédez à la ToutCadre de travail Now ExperienceThèmesGénérateur de thèmes. La page de destination du générateur de thèmes s'affiche dans la vue Page d'accueil. 2. Dans la vue de la page d'accueil, sélectionnez le thème que vous souhaitez modifier dans la vue de la page Gestionnaire ou Éditeur. Figure 1. Menu de page * À partir de la vue de la page Gestionnaire, vous avez le choix d'afficher les thèmes existants de deux façons. Vous pouvez choisir la vue Grille ou la vue Liste. Remarque : Dans les modes Grille et Liste, vos thèmes publiés et non publiés sont regroupés séparément. Les thèmes publiés sont des thèmes qui apparaissent dans la préférence de thème de l'utilisateur. Affichez vos thèmes Web et Mobile en sélectionnant le bouton Web ou Mobile . Figure 2. Vue en grille Figure 3. Vue liste L'icône Actions supplémentaires ( ![icône Actions supplémentaires)]()pour les thèmes publiés contient les options suivantes : * Dupliquer * Supprimer * Ajouter une autre palette de couleurs * Annuler la publication * Marquer comme valeur par défaut Remarque : Cette option s'affiche si le thème n'est pas le thème par défaut actuel. {#tb-edit-theme__ul_hj4_2nb_1cc} L'icône Actions supplémentaires ( ![icône Actions supplémentaires)]()pour les thèmes publiés avec les autres palettes de couleurs définies contient les options suivantes : * Modifier le nom du groupe * Dupliquer * Supprimer * Annuler la publication * Marquer comme valeur par défaut Remarque : Cette option s'affiche si le thème n'est pas le thème par défaut actuel. {#tb-edit-theme__ul_ptk_3dc_1cc} Les icônes Actions supplémentaires ( ![icône Actions supplémentaires)]()pour les thèmes non publiés contiennent les options suivantes : * Dupliquer * Supprimer * Ajouter une autre palette de couleurs * Annuler la publication {#tb-edit-theme__ul_zh5_2pb_1cc} * Dans la vue de la page Éditeur, vous pouvez sélectionner le thème que vous souhaitez modifier dans la liste déroulante Thème. Figure 4. Sélectionner un thème dans la liste déroulante Thème {#tb-edit-theme__ul_mwg_2db_fxb} Remarque : Lorsque vous sélectionnez le thème sur lequel vous souhaitez travailler, vérifiez que vous avez sélectionné le bon périmètre pour le thème dans le sélecteur de périmètre de l'application.Figure 5. Sélecteur du périmètre de l'application 3. Examinez et mettez à jour les composants de styles globaux, le cas échéant. Figure 6. Examiner les styles globaux Remarque : Les enregistrements de style suivants sont générés avec votre thème : * Votre palette de marques : mettez à jour les couleurs de l'interface de votre marque. * Logo : mettez à jour le logo. Vous pouvez télécharger le logo pendant l'application du thème à partir d'images ou de la page de présentation. Pour plus d'informations, consultez [Charger un logo lors de la publication d'un thème avec Générateur de thèmes](https://servicenow-prod.fluidtopics.net/X0IoX4cSWvNqWlTRuUOcYQ "Chargez votre logo lors de la publication d’un thème sur votre instance à l’aide de la vue Éditeur. Si vous avez déjà appliqué un logo à votre thème, vous pouvez en importer un nouveau dans Générateur de thèmes."). * Famille de polices : mettez à jour globalement les polices appliquées à votre expérience. Les polices sont utilisées dans les titres, les titres, les sous-titres, le corps du texte et les légendes. * Forme : met à jour les formes d'angle des composants à l'écran. {#tb-edit-theme__ul_kb5_l1d_dxb} 4. **Facultatif :** Pour prévisualiser votre thème avant de le publier sur votre instance, sélectionnez l'onglet Aperçu de l'expérience . ![Onglet Aperçu de l’expérience.]() Une instance réelle s'affiche avec toutes les sélections de thèmes appliquées. Vous pouvez la prévisualiser avant d'implémenter les thèmes sélectionnés sur l'instance réelle. Figure 7. Aperçu de votre expérience avec le thème appliqué Remarque : Les données dans l'aperçu de l'expérience sont des données en direct. Les modifications que vous apportez dans l'aperçu sont répercutées sur votre instance. 5. Publiez votre thème. Pour plus d'informations, consultez [Publiez vos thèmes avec Générateur de thèmes](https://servicenow-prod.fluidtopics.net/RGPkg35bYtle0divjaXnbQ "Publiez plusieurs thèmes sur votre instance Web ou un seul thème sur votre instance mobile pour refléter la marque de votre entreprise."). * **[Styles, couleurs, variantes et autres palettes de couleurs de base](https://servicenow-prod.fluidtopics.net/9Ub3yXC5NXSb_iNKuv55Pw)** Vous pouvez adapter l'apparence de l'interface Next Experience utilisateur à différents utilisateurs en configurant les styles de base, les variantes et les autres palettes de couleurs. * **tb-edit-color-palette.html** * **tb-preview-components.html** * **[Modifier les composants](https://servicenow-prod.fluidtopics.net/4ZcR9Zr6Uwhv3ED2yz9Y1Q)** Modifiez Générateur de thèmes les composants individuels pour mieux correspondre à votre marque et respecter les normes de conformité en matière d'accessibilité. Les crochets de thème que vous pouvez modifier sont spécifiques à chaque type de composant.