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


---

# Crie ou personalize um tema

# Crie ou personalize um tema {#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 criar temas ou personalizar temas existentes.

## Antes de Iniciar

Função necessária: administrador

## Procedimento

1. Navegar até TudoIU do SistemaTemas.
2. Escolha dentre as seguintes opções.
   * Para criar um novo tema, clique em Novo .
   * Para personalizar um tema existente, clique no nome do tema.
   {#t_CreateOrCustomizeATheme__choices_nnv_xn2_kyb}
3. Insira um nome para o tema no Nome campo.
4. Adicione qualquer um dos [Estilos CSS padrão](https://servicenow-prod.fluidtopics.net/vNQAn24TI1TqoRIkuHZtPA "Você pode usar estilos CSS para controlar a aparência de elementos em um tema.")em CSS campo.  
   Às vezes, o estilo padrão não é a única definição de estilo para um objeto. Em tais casos, você pode usar o CSS [regra importante](http://www.w3.org/TR/CSS2/cascade.html#important-rules)formato para substituir quaisquer outras definições de estilo pela definição padrão. Por exemplo, esta definição substitui a cor do texto na navegação principal: `navpage-nav-color-sub `.
5. Marque a caixa de seleção Ativo.
6. Selecione uma das opções a seguir em Dispositivo lista de seleção para identificar a versão da interface do usuário do tema.

   | Opção | Descrição |
   | Navegador | Identifica um tema UI11 legado. |
   | Tipo de documento | Identifica um tema UI15 legado. |
   | Concurso | Identifica um IU principaltema. |
   |-|-|

   {#t_CreateOrCustomizeATheme__choicetable_zdm_5jm_zq}
7. Clique em Enviar.

## O que Fazer Depois

Atualize a página para ver o novo tema no seletor de temas. O seletor de temas exibe somente temas compatíveis com a versão atual da IU.
**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.")
* [Estilos CSS padrão](https://servicenow-prod.fluidtopics.net/vNQAn24TI1TqoRIkuHZtPA "Você pode usar estilos CSS para controlar a aparência de elementos em um tema.")

