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 les polices de caractères, les couleurs, les images et les formes. Les nouveaux enregistrements de style que vous créez remplacent le thème Polaris ou Coral 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 téléchargez de nouvelles polices de caractères ou images dans un processus séparé. Consultez Ajouter des Next Experience actifs de police et d’image.

Procédure

1. Dans le champ du 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 de base 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 l’icône 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 contient.
   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 ressources de thème.
   Pour plus d'informations, consultez Ajouter des Next Experience actifs de police et d’image.
7. Si vous avez téléchargé des polices, ajoutez ou modifiez des polices dans la section des propriétés du code JSON, puis sélectionnez Mettre à jour.
   

Résultats

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