Créer un Next Experience style

Lorsque vous créez ou modifiez un Next Experience thème, vous créez et modifiez un ou plusieurs styles. Les styles comprennent des polices de caractères, des couleurs, des images et des 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 : admin

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 les nouvelles polices de caractères ou images lors d’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 spécifiez 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 pour contenir 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 (), puis 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 de 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, puis sélectionnez Mettre à jour.
   

Résultats

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