Temas para Pesquisa com IA em Portal de serviços

  • Versão de lançamento: Xanadu
  • Atualizado 1 de ago. de 2024
  • 3 min. de leitura

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

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

    Você pode editar essas variáveis no campo Variáveis CSS 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 do 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", helvética, Arial, sem serifa Família de fontes para todos os textos.
    $now-sp-color--text-primary $cinza-escuro Cor de guias não selecionadas, texto do botão de resultado do Genius, cor do texto de clique, ícones de resultado e cor do ícone e texto do item 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--cor $cinza-escuro A cor do snippet de texto nos resultados da pesquisa.
    $now-sp-color--neutral-12 $cinza-escuro Cor do ícone expandido (divisa) dos aspectos na exibição móvel.
    $now-sp-global-border-radius 4px Cantos de resultados de pesquisa arredondados 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 destaques do plano de fundo do foco do ícone da barra de pesquisa. Esta variável não afeta os aspectos.
    $now-sp-color--foco-ring $brand-primary Cor de foco das guias.
    $now-sp-tabs--selected--color $brand-primary Cor do texto da guia selecionada. Não inclui ao passar o mouse.
    $now-sp-tabs--color--hover $brand-primary Cor do texto de todas as guias ao passar o mouse.
    $now-sp-tabs--border-color $sp-b-border-color Cor de sublinhado das guias.
    $now-sp-tabs--selected--background-color $brand-primary 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 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 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 $brand-primary Plano de fundo da cápsula de filtro selecionado.
    $now-sp-pill--selected--border-color $brand-primary Cor da borda da cápsula de filtro selecionada.
    $now-sp-button--secondary--background-color $btn-default-bg Plano de fundo do botão de resultado do Genius.
    $now-sp-button--secondary--color $btn-default-color Cor do texto do botão de resultados do Genius.
    $now-sp-button--secondary--border-color $btn-default-border Cor da borda do botão de resultado do Genius.
    $now-sp-button--secondary--background-color--hover escurecer ($btn-default-bg, 10%) Cor de fundo do botão de resultados do Genius ao passar o mouse.
    $now-sp-button--secondary--color--hover $btn-default-color Cor do texto do botão de resultados do Genius ao passar o mouse.
    $now-sp-button--secondary--border-color--hover escurecer ($btn-default-border, 12%) Borda do botão de resultado do Genius ao passar o mouse.
    $now-sp-button--secondary--background-color--active escurecer ($btn-default-bg, 10%) Plano de fundo do botão de resultado do Genius ao clicar.
    $now-sp-button--secondary--color--active $btn-default-color Cor do texto do botão de resultados do Genius ao clicar.
    $now-sp-button--secondary--border-color--active escurecer ($btn-default-border, 12%) Cor da borda do botão de resultado do Genius ao clicar.
    $now-sp-highlighted-value--terciário--cor $cinza-escuro Cor do texto do marcador de resultado principal do resultado do Genius.
    $now-sp-button--border-radius $now-sp-global-border-radius Diferencia o raio dos botões do botão e do botã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 o contêiner de resultados de pesquisa. Não afeta a borda entre os 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 do EVAM.
    $now-sp-button--primary-negative--border-color $btn-primary-border Cor da borda do botão do Genius no modal de confirmação de ação do EVAM.
    $now-sp-button--primary-negative--background-color--hover escurecer ($btn-primary-bg, 10%) Cor de fundo do botão Genius ao passar o mouse no modal de confirmação de ação do 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 escurecer ($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 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 escurecer ($btn-primary-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 escurecer ($btn-primary-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-factor 5 A mesma variável que --classicsponlydonotuse--rem-multipy.
    Nota:
    Não é recomendável usar esta variável.