---
sourceDocument: Interface do usuário da Now Platform Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Interface do usuário da Now Platform Yokohama

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Estilos CSS padrão

# Estilos CSS padrão {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

Você pode usar estilos CSS para controlar a aparência de elementos em um tema.
Sua versão da IU determina quais estilos CSS você pode usar.

## Estilos CSS padrão para IU principal(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 
        
**Tarefas relacionadas**   

* [Crie ou personalize um tema](https://servicenow-prod.fluidtopics.net/ArajioHVg6O8xJr747eUaQ "Você pode criar temas ou personalizar temas existentes.")  
**Referência relacionada**   

* [Ativando o suporte a temas CSS](https://servicenow-prod.fluidtopics.net/V~rztBalMpl_EXhGEZegWg "Existem diferentes plug-ins que ativam o suporte a temas CSS.")