Création d’un Next Experience style

Lorsque vous créez ou modifiez un Next Experience thème, vous devez créer et modifier un ou plusieurs styles. Les styles incluent les polices de caractères, les couleurs, les images et les formes. Vos nouveaux enregistrements de style remplacent le style Polaris par défaut. Les enregistrements de style que vous créez remplacent le thème Polaris par défaut dans Next Experience.

Avant de commencer

Rôle requis : administrateur

Pourquoi et quand exécuter cette tâche

Lorsque vous modifiez Next Experience des styles, vous travaillez dans du code JSON brut. Éditez avec soin.

Vous chargez de nouvelles polices de caractères ou images dans un processus distinct. Consultez Ajouter des Next Experience ressources de police et d’image.

Procédure

1. Dans le champ Navigateur de filtre, saisissez sys_ux_style.do pour créer un enregistrement de style.
2. Nommez le style et indiquez s’il s’agit d’un style Core ou d’une variante.
   Remarque :

   Le thème sombre est la seule variante livrée avec Next Experience.
3. Dans le champ Style , ajoutez les blocs de base et de propriétés qui contiendront les remplacements dans l’enregistrement de style.

   {
     "base": {
   },
     "properties":{
     }
    }
   

4. Facultatif : Pour enregistrer votre travail entre les étapes, sélectionnez le menu Actions supplémentaires ( et choisissez Enregistrer.
5. Dans le champ Style , modifiez le code JSON pour refléter les remplacements que vous souhaitez que le style contienne.
   1. Ajoutez ou modifiez vos couleurs principales dans la section de base du code JSON.
      Utilisez les valeurs RVB.

      L’exemple suivant montre des exemples de remplacements de couleurs.

      
   2. Modifiez les versions des couleurs dans la section des propriétés du code JSON.
   3. Ajoutez ou modifiez des formes dans la section des propriétés du code JSON.
      L’exemple suivant montre des exemples de remplacements de forme.
      
      
6. Ajoutez des polices, des images et d’autres éléments du thème.
   Pour plus d'informations, consultez Ajouter des Next Experience ressources de police et d’image.
7. Si vous avez téléchargé des polices, ajoutez ou modifiez des polices de caractères dans la section des propriétés du code JSON et sélectionnez Mettre à jour.
   

Résultats

Les couleurs, les formes et les polices de caractères mises à jour sont visibles dans votre thème.