---
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


---

# Styles CSS par défaut

# Styles CSS par défaut {#ariaid-title1}

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

Vous pouvez utiliser des styles CSS pour contrôler l'apparence des éléments d'un thème.
Votre version de l'interface utilisateur détermine les styles CSS que vous pouvez utiliser.

## Styles CSS par défaut pour Interface utilisateur principale (UI16)

    $search-text-color: #ffffff                         
    $navpage-header-bg: #293e40                         
    $navpage-header-color: #ffffff
    $navpage-header-divider-color: #5A7F71
    $navpage-header-button-color: #ffffff          
    $nav-highlight-main: #576667                        
    $subnav-background-color: #213234                   
    $navpage-nav-bg: #293e40                              
    $navpage-nav-bg-sub: #293e40                           
    $navpage-nav-color-sub: #d1d6d8                                           
    $nav-hr-color: #192628                              
              
    $nav-highlight-bar-active: #82c9b8                  
    $nav-highlight-bar-inactive: #213234                
    $navpage-nav-selected-bg: #2f4f4e                   
    $navpage-nav-selected-color: #82c9b8                  
    $navpage-nav-unselected-color: #d1d6d8              
              
    $connect-latest-message: #B8E0D7                                     
    $navpage-nav-app-text: #ffffff                                        
    $navpage-nav-border: #7a828a                        
    $navpage-button-color: #ffffff  
    $navpage-button-color-hover: #82C9B8 
        
**Tâches associées**   

* [Créer ou personnaliser un thème](https://servicenow-prod.fluidtopics.net/9ydtAUtn1VE3DOmfu3O7qQ "Vous pouvez créer des thèmes ou personnaliser les thèmes existants.")  
**Référence associée**   

* [Activation de la prise en charge du thème CSS](https://servicenow-prod.fluidtopics.net/Y1xnjPJ4YQce2STL~BMm7w "Il existe différents plugins qui activent la prise en charge des thèmes CSS.")