Suporte de variável de cor para ícones
Aprenda a usar variáveis de cor para mudar o tema nas telas do mapa móvel
Os ícones móveis têm uma seção Definir aparência usada para definir a aparência dos seus ícones. Use a opção de estilo FontColorVariable para usar uma variável de cor uma cor. Usando este estilo, você pode definir qualquer variável de cor da tabela Propriedades do tema de UX [sys_ux_theme_property]. Para obter uma lista de variáveis disponíveis, consulte o guia de design de cores abaixo. Para obter detalhes sobre como criar telas de mapa, consulte Configurar uma seção de IU de ícone. Para obter detalhes sobre como criar ícones em dispositivos móveis, consulte Ícones móveis. |
Guia de cores do ícone para dispositivos móveis
As variáveis de cor são divididas em Use a diretriz de design para identificar a variável de cor certa para o seu caso de uso.
- Paleta de cores de alerta
- As cores da paleta de cores de alerta realçam status, estados e tarefas importantes. Use cores de alerta para comunicar um significado específico, em vez de decoração ou organização.
- Paleta de cores agrupada
- As cores da paleta de cores agrupadas seguem as convenções de cores em uma linha do setor. Use essas cores para mostrar que o item colorido está associado a um setor ou linha de negócios específica. O significado de cada cor depende do contexto, mas deve permanecer consistente em seu app.
Cada cor de suporte tem três opções, incluindo uma opção avaliável. Considere usar a opção de cor acessível para ícones que não contêm texto para melhorar a navegabilidade dos usuários.
| Nome da cor | Exemplo | Variáveis de cor |
|---|---|---|
| Crítico |
|
|
| Alta |
|
|
| Aviso |
|
|
| Moderado |
|
|
| Informações |
|
|
| Positivo |
|
|
| Baixo(a) |
|
| Nome da cor | Exemplo | Opções de cores |
|---|---|---|
| Azul |
|
|
| Marrom |
|
|
| Cinza |
|
|
| Verde |
|
|
| Verde-amarelo |
|
|
| Magenta |
|
|
| Laranja |
|
|
| Rosa |
|
|
| Roxo |
|
|
| Turquesa |
|
|
| Amarelo |
|