Configure um ícone de fonte para usar uma variável de tema para definir sua cor

Especifique a propriedade personalizada CSS de um registro sys_ux_theme para definir a cor de um ícone de fonte.

Antes de Iniciar

Você deve conhecer o registro sys_ux_theme da variável de tema que você deseja usar para definir a cor do ícone da fonte. O valor necessário para a variável de tema é a propriedade personalizada CSS na tabela de propriedades sys_ux_theme.

Função necessária: administrador

Por Que e Quando Desempenhar Esta Tarefa

As variáveis de tema só podem ser aplicadas a ícones de fonte.

Você pode configurar um ícone no fluxo de trabalho de configuração de uma tela ou pode configurar um ícone selecionando Cartões e ícones . Construtor de apps para celular menu. Este procedimento usa o. Cartões e ícones categoria.

Procedimento

1. Navegar até Tudo > Sistema Móvel > Construtor de apps para celular.
   . Construtor de apps para celular abre em uma nova guia do navegador e exibe a tela de seleção do escopo da aplicação.
2. PESQUISE o escopo da aplicação em que você está trabalhando e selecione o nome do escopo da aplicação.
   . Construtor de apps para celular a tela inicial de categorias é exibida.
3. Selecione Cartões e ícones e selecione Novo .
4. Na caixa de diálogo Criar um cartão ou ícone, selecione Ícone e selecione Continuar .
5. No formulário de ícone, insira um Nome para o ícone.
   Escolha um nome que facilite a identificação do ícone.
6. Na lista suspensa Tipo, selecione Fonte .
7. Na seção Definir aparência, insira as seguintes informações em Estilo e. Valor campos para configurar o ícone de fonte que usa uma variável de tema para definir sua cor.

   Selecione o ícone de mais para adicionar uma linha.

   Estilo	Valor
   Insira Nomefonte	Insira uma das seguintes famílias de fontes: now-mobile-icons Esses ícones foram projetados para serem usados em telas. Use-os para listas e destinos de seção que vão para telas de lista e telas do navegador. Use esses ícones para representar um fluxo de trabalho ou uma tela na qual você deseja que os usuários naveguem. now-mobile-icons-cards Use esses ícones no corpo dos cartões. now-mobile-icons-buttons Esses ícones foram projetados para serem usados para funções. Eles podem ser usados em botões localizados em cartões ou para ações rápidas. Now-mobile-icons-ALPnavbar Esses ícones aparecem no canto superior direito da tela do seu celular e são usados como navegação para outra tela.
   Insira Valor	Insira o código que identifica o ícone na família de fontes que você deseja usar. Por exemplo, e903 é o código do ícone do carrinho sólido no now-mobile-icons-buttonsfamília de fontes. Para obter listas de códigos de ícone de família de fontes, consulte [adicionar link aos tópicos de referência].
   Insira ColorVariable para especificar uma variável de tema para a cor do seu ícone. Esta configuração é opcional. Se você não especificar uma cor, a cor do ícone padrão será preta. Se você quiser usar um código de cor hexadecimal, consulte [link to "Configurar ícones de tipo de fonte"], que contém informações sobre como configurar a cor do ícone usando códigos de cores hexadecimais.	Insira a variável de tema para a cor que você deseja usar. Por exemplo, a seguinte propriedade personalizada CSS: -now-accordion-color
   Insira Nome	Insira o nome listado para o ícone na família de fontes. Por exemplo, se você quiser usar o ícone do carrinho de compras no now-mobile-iconsfamília, você inseriria Carrinho . Para obter listas de nomes de ícones de família de fontes, consulte Referência do ícone do dispositivo móvel.

8. Selecione Save (Salvar).