Suporte a variáveis de cor para seções de IU de ícone
Saiba como usar variáveis de cor para mudar temas nas seções da IU do ícone para celular.
As seções de IU do ícone têm um Cor seção com dois campos para controlar as cores de primeiro plano e de fundo do elemento.
Esses dois campos podem ser encontrados nas seguintes tabelas:
Para obter detalhes sobre como criar essas ações, consulte Configurar uma seção de IU de ícone. 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. |
Guia de cores da seção da IU 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.
Paleta de cores do alerta
| Nome da cor | Cor | Exemplo | Opções de cor |
|---|---|---|---|
| Primário |
|
||
| Crítico |
|
||
| Alto(a) |
|
||
| Aviso |
|
||
| Moderado |
|
||
| Informação |
|
||
| Positivo |
|
||
| Baixo(a) |
|
Paleta de cores agrupada
| Nome da cor | Cor | Exemplo | Opções de cor |
|---|---|---|---|
| Azul |
|
||
| Marrom |
|
||
| Cinza |
|
||
| Verde |
|
||
| Amarelo esverdeado |
|
||
| Magenta |
|
||
| Laranja |
|
||
| Rosa |
|
||
| Roxo |
|
||
| Turquesa |
|
||
| Amarelo |
|