---
sourceDocument: Interface utilisateur de la Now Platform Xanadu
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/xanadu/platform-user-interface

 Release :

    - xanadu

ft:locale :

    - fr-FR

ft:publication_title :

    - Interface utilisateur de la Now Platform Xanadu

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Création d'un Next Experience style

# Création d'un Next Experience style {#ariaid-title1}

* Rversion finale: Xanadu
* 
* Mis à jour 1 août 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute de lecture

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](https://servicenow-prod.fluidtopics.net/_ZstFMULDK_JzXNCHv_RTg "Ajoutez des ressources à vos Next Experience thèmes et styles pour stocker des informations supplémentaires associées à un thème, y compris les polices et les images.").

## Procédure

1. Dans le champ Navigateur de filtre, saisissez <kbd class="ph userinput">sys_ux_style.do</kbd> 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 ( ![icône Actions supplémentaires)]()et choisissez <kbd class="ph userinput">Enregistrer</kbd>.
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.   

   {#create-next-experience-style__substeps_nbs_mwg_yrb}
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](https://servicenow-prod.fluidtopics.net/_ZstFMULDK_JzXNCHv_RTg "Ajoutez des ressources à vos Next Experience thèmes et styles pour stocker des informations supplémentaires associées à un thème, y compris les polices et les images.").
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.  
{#create-next-experience-style__substeps_ol4_rpz_vrb}

## Résultats

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