Tema para Pesquisa com IA em Portal de serviços

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 3 min. de leitura

    • Você pode personalizar a aparência do Pesquisa com IA experiência em Portal de serviços Atualizando as variáveis CSS relevantes.

    As seguintes variáveis CSS controlam a aparência do Pesquisa com IA recursos em Portal de serviços. Para obter mais informações sobre Pesquisa com IA recursos, consulte Usando a Pesquisa com IA .

    Você pode editar essas variáveis no Variáveis CSS Campo de um registro de Tema [sp_theme]. Você também pode configurar essas variáveis com uma inclusão de CSS associada a um tema de portal. Para obter mais informações, consulte os seguintes tópicos:

    Variável Valor padrão Descrição
    now-sp-font-family-sans-serif "SourceSansPro", Helvetica, Arial, sans-serif Família de fontes para todos os textos.
    now-sp-color--text-primary cinza escuro  Cor das  guias não selecionadas, do texto do botão Resultado do Genius, da cor do texto de acerto, dos ícones de resultado e do texto do item da lista suspensa da barra de pesquisa e da cor do ícone.
    now-sp-display-type--secondary--color cinza escuro A cor do texto do título nos resultados da pesquisa.
    now-sp-display-type--teciário--color cinza escuro A cor do snippet de texto nos resultados da pesquisa.
    agora-sp-color--neutro-12 cinza escuro  Cor do ícone expandida (divisa) dos aspectos na exibição para celular.
    now-sp-global-border-radius 4px  Cantos arredondados dos resultados de pesquisa que afetam o painel de conteúdo e não os cartões de resultado de pesquisa. Esta variável também afeta os resultados do Genius, os botões nos resultados do Genius e os realces do plano de fundo do ícone da barra de pesquisa. Esta variável não afeta os aspectos.
    now-sp-color--focus-ring marca-primária Cor de foco das guias.
    now-sp-tabs--selected--color marca-primária Cor do texto da guia selecionada. Não inclui ao passar o mouse.
    now-sp-tabs--color--hover marca-primária Cor do texto de todas as guias quando o mouse é passado.
    now-sp-tabs--border-color sp-b-border-color Cor sublinhada das guias.
    now-sp-tabs--selected--background-color marca-primária Cor de sublinhado da guia selecionada.
    now-sp-heading--title-primary--color cinza escuro Rótulo Filtros de cor.
    now-sp-checkbox-label--color cinza escuro Cor do item do filtro (rótulo da caixa de seleção).
    agora-sp-button--primary--bare--color link-color Limpar tudo e. Limpar cor do link no filtro de aspectos.
    now-sp-button--primary--bare--color--active link-color Limpar tudo e. Limpar cor do link no filtro de aspectos ao clicar.
    now-sp-button--primary--bare--color--hover link-hover-color  Limpar tudo e. Limpar cor do link no filtro de aspectos ao passar o mouse.
    now-sp-pill--selected--background-color marca-primária Plano de fundo da cápsula de filtro selecionado.
    now-sp-pill--selected--border-color marca-primária  Cor da borda da cápsula de filtro selecionada.
    now-sp-button--secondary--background-color padrão-bg Fundo do botão Resultado do Genius.
    now-sp-button--secondary--color padrão-color  Cor do texto do botão Resultado do Genius.
    now-sp-button--secondary--border-color padrão-border Cor da borda do botão Resultado do Genius.
    now-sp-button--secondary--background-color--hover escuro (10%) Cor de fundo do botão Resultado do Genius ao passar o mouse.
    now-sp-button--secondary--color--hover padrão-color  Cor do texto do botão Resultado do Genius ao passar o mouse.
    now-sp-button--secondary--border-color--hover escuro( btn-default-border, 12%)  Borda do botão Resultado do Genius ao passar o mouse.
    now-sp-button--secondary--background-color--active escuro (10%) Fundo do botão Resultado do Genius ao clicar.
    now-sp-button--secondary--color--active padrão-color Cor do texto do botão Resultado do Genius ao clicar.
    now-sp-button--secondary--border-color--active escuro( btn-default-border, 12%) Cor da borda do botão Resultado do Genius ao clicar.
    agora-sp-highlighted-value--terciário--color cinza escuro Cor do texto do marcador do resultado principal do resultado do Genius.
    now-sp-button--border-radius now-sp-global-border-radius Diferencia o raio dos botões de botão e de bastão de pesquisa.
    now-sp-container--border-radius now-sp-global-border-radius Raio da borda para cartões de resultado de pesquisa, cartões de resultado do Genius e contêiner de resultados de pesquisa. Não afeta a borda entre resultados individuais.
    now-sp-button--primary-negative--background-color btn-primary-bg  Cor de fundo do botão Genius no modal de confirmação da ação do EVAM.
    now-sp-button--primary-negative--border-color btn-primary-border Cor da borda do botão Genius no modal de confirmação da ação do EVAM.
    now-sp-button--primary-negative--background-color--hover escuro (btn-primary-bg, 10%) Cor de fundo do botão Genius ao passar o mouse no modal de confirmação da ação do EVAM.
    now-sp-button--primary-negative--border-color--hover escuro (btn-primary-border, 12%) Cor da borda do botão Genius ao passar o mouse dentro da confirmação.
    now-sp-button--primary-negative--background-color--active escuro (btn-primary-bg, 10%)  Cor de fundo do botão Genius ao clicar dentro do modal de confirmação.
    now-sp-button--primary-negative--border-color--active escuro (btn-primary-border, 12%) Cor da borda do botão Genius ao clicar dentro do modal de confirmação.
    now-sp-button--primary--background-color btn-primary-bg Cor de fundo do filtro selecionado (cápsula).
    now-sp-button--primary--border-color btn-primary-border Cor da borda do filtro selecionado (cápsula)
    now-sp-button--primary--color primary-color Cor do filtro selecionado (cápsula).
    now-sp-button--primary--background-color--hover escuro (btn-primary-bg, 10%)  Cor de fundo do filtro selecionado (cápsula) ao passar o mouse.
    now-sp-button--primary--border-color--hover escuro (btn-primary-border, 12%) Cor da borda do filtro selecionado (cápsula) ao passar o mouse.
    now-sp-button--primary--background-color--active escuro (btn-primary-bg, 10%) Cor de fundo do filtro selecionado (cápsula) ao clicar.
    now-sp-button--primary--border-color--active escuro (btn-primary-border, 12%) Cor da borda do filtro selecionado (cápsula) ao clicar.
    now-sp-rem-fator 5 A mesma variável que --classicsponlydonotuse--rem-multipy .
    Nota:
    Não é sugerido usar esta variável.