Ajoutez les styles que vous avez créés à votre Next Experience thème pour modifier l’apparence de l’expérience utilisateur.
Pourquoi et quand exécuter cette tâche
Le thème par défaut Next Experience s’appelle Polaris. Vous pouvez réutiliser ou personnaliser le thème comme point de départ lorsque vous créez ou modifiez vos propres thèmes.
Pourquoi et quand exécuter cette tâche
Remarque : Si vous personnalisez un thème que
Générateur de thèmes vous avez créé et que vous entrez un code JSON non valide, vous ne pouvez pas enregistrer votre enregistrement de thème. Lorsque vous utilisez l’enregistrement de thème UX, vous pouvez accéder à la page Éditeur à l’aide du bouton
Ouvrir dans le générateur de thèmes . Pour plus d'informations, consultez
Gérer ou modifier un thème avec Générateur de thèmes.
Procédure
-
Accédez à .
-
Créez un enregistrement de thème en sélectionnant Nouveau.
-
Saisissez un nom et une description pour votre thème.
-
Sélectionnez l’icône Actions supplémentaires (icône
), puis sélectionnez Enregistrer.
-
Dans l’onglet Compositional : thème de l’application , insérez des lignes pour ajouter des styles associés à votre thème.
Vous affectez des valeurs dans quatre colonnes :
- Applicabilité
-
Remplace le thème de base. Les utilisateurs qui rencontrent les contraintes d’applicabilité voient ces remplacements dans leur thème plutôt que dans le style de base. Par exemple, un style avec différentes polices peut être appliqué aux gestionnaires. Les utilisateurs qui remplissent la condition d’applicabilité du gestionnaire voient les différentes polices dans l’interface
Next Experience utilisateur, qui remplace les valeurs de thème du système de base. Les administrateurs n’ont pas besoin de copier ou de créer un thème complet avec des modifications pour l’audience applicable.
Remarque : Si vous laissez la contrainte d’applicabilité vide, le style sera appliqué à tous les utilisateurs.
- Ordre
- Spécifie quand le style est appliqué. Plus l’ordre est élevé, plus sa priorité est grande.
Remarque : Si vous souhaitez utiliser un style personnalisé, assurez-vous que votre numéro d’ordre de style est supérieur au style Polaris standard.
- Style
- Configure quatre styles principaux. Vous ne pouvez pas modifier les noms de style utilisés dans le thème Polaris, mais vous pouvez copier le code JSON associé à chaque style à partir de ce thème et le coller et le modifier dans le formulaire de votre style personnalisé.
- Type
- Spécifie deux types : Core et Variant. Les styles de base comprennent la couleur, la forme, la typographie et l’imagerie. Les variantes spécifient une version différente du thème, comme les différentes couleurs que les utilisateurs peuvent sélectionner. La variante la plus courante est une version sombre du thème. Le thème sombre est la seule variante livrée avec Next Experience. Pour plus d'informations, consultez Utiliser des thèmes dans Next Experience.
-
Sélectionnez le champ Style et sélectionnez
-
Sélectionnez Nouveau.
-
Sélectionnez les couleurs primaires, secondaires et neutres.
Remarque : Un thème est composé de plusieurs variables, vous remarquerez donc peut-être que la coloration par défaut du thème Polaris apparaît à différents endroits.
-
Lorsque vous avez les couleurs de la marque de votre organisation, accédez au générateur de couleurs à l’adresse https://theme.deoprototypes.com/color-generator-algo-v1.
-
Sélectionnez le bouton Générer automatiquement .
Une fenêtre modale s’affiche et vous demande de saisir les trois couleurs de votre organisation.
-
Saisissez vos valeurs de code hexadécimal pour les couleurs de votre organisation.
-
Sélectionnez Générer.
-
Rassemblez vos variables CSS en sélectionnant Copier JSON.
-
Remplissez le formulaire de style UX.
-
Sélectionnez Envoyer.
-
Sélectionnez Mettre à jour.
Que faire ensuite
Pour publier votre thème personnalisé, reportez-vous à la section Publier plusieurs thèmes dans Next Experience.