Ajoutez les styles que vous avez créés à votre 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 Polaris comme point de départ lorsque vous créez ou modifiez vos propres thèmes.
Procédure
-
Accédez à la .
-
Sélectionnez Nouveau pour créer un enregistrement de thème.
-
Saisissez un nom et une description pour votre thème.
-
Sélectionnez l’icône Actions supplémentaires ( icône
) et sélectionnez Enregistrer.
-
Dans l’onglet Composition : 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é
L’applicabilité est spécifiée pour remplacer le thème de base. Les utilisateurs qui respectent 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 mangeoires. Les utilisateurs qui répondent à l’applicabilité du gestionnaire verront différentes polices dans l’interface utilisateur Next Experience, 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 entier avec des changements pour l’audience applicable.
Remarque : Si vous laissez la contrainte d’applicabilité vide, le style sera appliqué à tous les utilisateurs.
- Ordre
- L’ordre spécifie quand le style est appliqué. Plus la commande est élevée, plus sa priorité est grande.
Remarque : Si vous souhaitez utiliser un style personnalisé, assurez-vous que votre numéro de commande de style est supérieur au style Polaris standard.
- Style
- Vous pouvez configurer 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, puis le coller et le modifier dans le formulaire de votre style personnalisé.
- Type
- Il en existe deux types : Core et Variant. Les styles principaux incluent la couleur, la forme, la typographie et l’imagerie. Les variantes sont une version différente du thème, différentes couleurs, que les utilisateurs peuvent sélectionner dans les préférences. 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 Explorer les thèmes dans Next Experience.
-
Sélectionnez le champ Style, puis
-
Sélectionnez Nouveau.
-
Sélectionnez les couleurs primaires, secondaires et neutres.
Remarque : Un thème est composé de plusieurs variables, de sorte que vous remarquerez peut-être la coloration du thème Polaris par défaut à différents endroits.
-
Lorsque vous avez les couleurs de personnalisation de votre organisation, accédez au générateur https://theme.deoprototypes.com/color-generator-algo-v1de couleurs .
-
Sélectionnez le bouton Générer automatiquement .
Une fenêtre modale s’ouvre et vous demande de saisir les trois couleurs de votre organisation.
-
Entrez vos valeurs de code hexadécimal pour les couleurs de votre organisation.
-
Cliquez sur Générer.
-
Cliquez sur Copier JSON pour rassembler vos variables CSS.
-
Remplissez le formulaire Style UX.
-
Sélectionnez Envoyer.
-
Sélectionnez Mettre à jour.