---
sourceDocument: Yokohama Mobile Configuração e navegação
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/mobile

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Yokohama Mobile Configuração e navegação

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Platform


---

# Diretrizes de cor do tema para celular

# Diretrizes de cor do tema para celular {#ariaid-title1}

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

Saiba como as cores que você seleciona em seus temas para celular são aplicadas em seus aplicativos para celular.
Importante:  
Use temas móveis legados em Tokyoe anteriores ServiceNow®instâncias. Para Utahe versões posteriores, consulte [Tema do Next Experience para celular](https://servicenow-prod.fluidtopics.net/BFHqsbJlXxBnWJvSaTwE0A "Uso Next Experiencetemas para fornecer o esquema de cores das suas aplicações móveis consistente com a experiência na web da sua instância.").

## Considerações de escolha de cor {#sg-theme-colors__section_rc4_wmv_kjb}

Considere as seguintes informações ao selecionar cores para seus aplicativos móveis:

* A aparência das suas escolhas de cores com as cores em outras partes do app, como os ícones da tela e estilos de IU. Evite usar muitas cores. Desenhos simples de duas a três cores resultam em um layout mais limpo e acessível.
* A aparência das suas escolhas de cores com cores em outros elementos que podem ser exibidos no seu app. Elementos como artigos de conhecimento e páginas do portal de serviços podem aparecer em seus apps. Evite esquemas de cores que não funcionem bem com os elementos existentes.
* Como o contraste mais alto e cores complementares podem orientar o foco do seu usuário. Use a seleção de cores para destacar áreas de seus apps que exigem a atenção do usuário.
* Como a cor pode ser usada para fornecer contraste para maior legibilidade. Em áreas onde o texto aparece, certifique-se de que as cores do texto e do plano de fundo tenham um alto nível de contraste para acomodar usuários de baixa visão e daltônicos.
{#sg-theme-colors__ul_wdh_xnv_kjb}  
Importante:  
Atualmente, ServiceNow® Mobile AndroidOs apps não são compatíveis com o uso da notação RGB para especificar cores do tema para os apps. No entanto, a notação RRGGBB é compatível com ambos iOSe. Androidapps.

## Locais de cores do tema em apps para celular {#sg-theme-colors__section_nws_bqv_kjb}

|-|-|
| Este exemplo mostra as cores que são usadas no tema de app para celular padrão. Use os números nesta imagem para ver onde essas cores aparecem nas diferentes áreas dos seus aplicativos para celular. |   |
[ ]

{#sg-theme-colors__table_zvg_ps1_ljb}

## Recursos para dispositivos móveis {#sg-theme-colors__section_ej2_rs1_ljb}

Use as figuras a seguir para ver como suas escolhas de cores afetam os elementos em seus aplicativos para celular.

Página de inicialização da aplicação
:

Barra de Navegação
:

Lista
:

Virtual Agent
:

Pesquisar
:

Ações
:

## Registrar tela e componentes {#sg-theme-colors__section_ykh_ts1_ljb}

Use as figuras a seguir para ver como suas escolhas de cor afetam uma tela de registro e seus componentes em seus aplicativos para celular.

Tela de registro
:

Check-list
:

Fluxo de atividades
:

Links
:

Assinatura eletrônica
:

## Modelos de tela {#sg-theme-colors__section_kvf_sv1_ljb}

Use as figuras a seguir para ver como suas escolhas de cores afetam os vários modelos de tela em seus aplicativos para celular.

Calendário
:

Mapa
:   
    Nota:  
    . Cor do pino o campo no registro de fluxo de lista associado à tela do mapa determina a cor dos pinos em seus mapas.

Modelo de URL
:

## Configurações e notificações {#sg-theme-colors__section_ccd_sy1_ljb}

Use as figuras a seguir para ver como suas escolhas de cores afetam as várias configurações e telas de notificação em seus aplicativos para celular.

Notificações
:

Configurações
:

Configurações do modo off-line
:

Configurações de geolocalização
:

FIXAR configurações
:

Configurações de atalhos da siri (somente iOS)
:

## Modais {#sg-theme-colors__section_d23_41b_ljb}

Use as figuras a seguir para ver como suas escolhas de cores são exibidas nos modais Android e iOS.

Modais do Android
:

Modais do iOS
: