Tema para Pesquisa com IAem Portal de serviços

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 3 min. de leitura

    • Você pode personalizar a aparência do Pesquisa com IAexperiência em Portal de serviçosAtualizando as variáveis CSS relevantes.

    As seguintes variáveis CSS controlam a aparência do Pesquisa com IArecursos em Portal de serviços. Para obter mais informações sobre Pesquisa com IArecursos, 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 ao tema de um 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 Genius, da cor do texto de ocorrência, dos ícones de resultado e do texto e da cor do ícone da lista suspensa da barra de pesquisa.
    now-sp-display-type--secondary--color cinza-escuro A cor do texto do título nos resultados da pesquisa.
    now-sp-display-type--terciário--color cinza-escuro A cor do snippet de texto nos resultados da pesquisa.
    now-sp-color--neutro-12 cinza-escuro  Cor do ícone expandida (divisa) das facetas 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 resultados de pesquisa. Esta variável também afeta os resultados Genius, botões nos resultados Genius e 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 de sublinhado 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 de Filtros de cor.
    now-sp-checkbox-label--color cinza-escuro Cor do item de filtro (rótulo da caixa de seleção).
    now-sp-button--primary--bare--color link-color Limpar tudo e. Limpar cor do link no filtro de facetas.
    now-sp-button--primary--bare--color--active link-color Limpar tudo e. Limpar cor do link no filtro facetas ao clicar.
    now-sp-button--primary--bare--color--hover link-hover-color  Limpar tudo e. Limpar cor do link no filtro facetas 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 btn-default-bg Fundo do botão Resultado do Genius.
    now-sp-button--secondary--color btn-default-color  Cor do texto do botão Resultado do Genius.
    now-sp-button--secondary--border-color btn-default-border Cor da borda do botão Resultado do Genius.
    now-sp-button--secondary--background-color--hover btn-default-bg, 10%) Cor de fundo do botão Resultado do Genius ao passar o mouse.
    now-sp-button--secondary--color--hover btn-default-color  Cor do texto do botão Resultado do Genius ao passar o mouse.
    now-sp-button--secondary--border-color--hover btn-default-border, 12%  Borda do botão Resultado do Genius ao passar o mouse.
    now-sp-button--secondary--background-color--active btn-default-bg, 10%) Fundo do botão Resultado do Genius ao clicar.
    now-sp-button--secondary--color--active btn-default-color Cor do texto do botão Resultado do Genius ao clicar.
    now-sp-button--secondary--border-color--active btn-default-border, 12% Cor da borda do botão Resultado do Genius ao clicar.
    now-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 resultados de pesquisa, cartões de resultados 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 de ação EVAM.
    now-sp-button--primary-negative--border-color btn-primary-border Cor da borda do botão Genius no modal de confirmação de ação EVAM.
    now-sp-button--primary-negative--background-color--hover escuro (btn-primário-bg, 10%) Cor de fundo do botão Genius ao passar o mouse no modal de confirmação de ação EVAM.
    now-sp-button--primary-negative--border-color--hover escurecer (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-primário-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 escurecer (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 btn-primary-color Cor do filtro selecionado (cápsula).
    now-sp-button--primary--background-color--hover escuro (btn-primário-bg, 10%)  Cor de fundo do filtro selecionado (cápsula) ao passar o mouse.
    now-sp-button--primary--border-color--hover escurecer (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-primário-bg, 10%) Cor de fundo do filtro selecionado (cápsula) ao clicar.
    now-sp-button--primary--border-color--active escurecer (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.