Suporte a variáveis de cor para ícones
Saiba como usar variáveis de cor para mudar temas nas telas de mapa do seu celular
Os ícones para celular têm um Definir aparência seção usada para definir a aparência dos ícones. Use ColorVariable opção de estilo para usar uma variável de cor uma cor. Usando este estilo, você pode definir qualquer variável de cor na 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 de dispositivos móveis. |
Guia de cores do ícone para celular
As variáveis de cor são divididas em Usar a diretriz de design para identificar a variável de cor correta para o seu caso de uso.
- Paleta de cores do alerta
- As cores da paleta de cores do alerta destacam 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 no 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 |
|
|
| Alto(a) |
|
|
| Aviso |
|
|
| Moderado |
|
|
| Informação |
|
|
| Positivo |
|
|
| Baixo(a) |
|
| Nome da cor | Exemplo | Opções de cor |
|---|---|---|
| Azul |
|
|
| Marrom |
|
|
| Cinza |
|
|
| Verde |
|
|
| Amarelo esverdeado |
|
|
| Magenta |
|
|
| Laranja |
|
|
| Rosa |
|
|
| Roxo |
|
|
| Turquesa |
|
|
| Amarelo |
|