Thèmes pour Recherche IA dans Portail de services

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 3 minutes de lecture

    • Vous pouvez personnaliser l’aspect et la convivialité de l’expérience Recherche IA en Portail de services mettant à jour les variables CSS pertinentes.

    Les variables CSS suivantes contrôlent l’aspect et la Recherche IA convivialité des fonctionnalités dans Portail de services. Pour plus d’informations sur Recherche IA les fonctionnalités, consultez Utilisation de Recherche IA.

    Vous pouvez modifier ces variables dans le champ de variables CSS d’un enregistrement de thème [sp_theme]. Vous pouvez également configurer ces variables avec un Include CSS associé au thème d’un portail. Pour en savoir plus, consultez les rubriques suivantes :

    Variable Valeur par défaut Description
    $now-sp-font-family-sans-serif « SourceSansPro », Helvetica, Arial, sans empattement Famille de polices pour tous les textes.
    $now-sp-color--text-primary $gray foncé Couleur des onglets non sélectionnés, texte du bouton de résultat Genius, couleur du texte de réussite, icônes de résultats et texte de l’élément de liste déroulante de la barre de recherche et couleur de l’icône.
    $now-sp-display-type--secondary--color $gray foncé Couleur du texte du titre dans les résultats de recherche.
    $now-sp-display-type--tertiaire--couleur $gray foncé La couleur de l’extrait de texte dans les résultats de recherche.
    $now-sp-color--neutre-12 $gray foncé Couleur d’icône développée (chevron) des facettes dans la vue mobile.
    $now-sp-global-border-radius 4px Les angles arrondis des résultats de recherche affectent le volet de contenu et non les cartes de résultats de recherche. Cette variable affecte également les résultats Genius, les boutons sur les résultats Genius et les surbrillances d’arrière-plan de survol de l’icône de la barre de recherche. Cette variable n’affecte pas les facettes.
    $now-sp-color--focus-ring $brand-primaire Couleur du focus des onglets.
    $now-sp-tabs--selected--color $brand-primaire Couleur du texte de l’onglet sélectionné. N’inclut pas lors du survol.
    $now-sp-tabs--color--hover $brand-primaire Couleur du texte de tous les onglets lorsqu’il est survolé.
    $now-sp-tabs--couleur-bordure $sp-b-bordure-couleur Couleur du soulignement des onglets.
    $now-sp-tabs--selected--background-color $brand-primaire Couleur de soulignement de l’onglet sélectionné.
    $now-sp-heading--title-primary--color $gray foncé Étiquette des filtres de couleur.
    $now-sp-checkbox-label--color $gray foncé Couleur d’élément de filtre (étiquette de la case à cocher).
    $now-sp-button--primary--nu--couleur $link couleur Tout effacer et Effacer la couleur du lien dans le filtre de facettes.
    $now-sp-button--primary--bare--color--active $link couleur Tout effacer et Effacer la couleur du lien dans le filtre de facettes au clic.
    $now-sp-button--primary--bare--color--hover $link-couleur de survol   Tout effacer et Effacer la couleur du lien dans le filtre de facettes lors du survol.
    $now-sp-pill--selected--background-color $brand-primaire Arrière-plan de pastille du filtre sélectionné.
    $now-sp-pill--selected--border-color $brand-primaire Couleur de bordure des pastilles du filtre sélectionné.
    $now-sp-button--secondary--background-color $btn-default-bg Arrière-plan du bouton de résultat Genius.
    $now-sp-button--secondary--color $btn-couleur-par défaut Couleur du texte du bouton de résultat Genius.
    $now-sp-button--secondary--border-color $btn-bordure par défaut Couleur de bordure du bouton de résultat Genius.
    $now-sp-button--secondary--background-color--hover assombrir ($btn-default-bg, 10 %) Couleur d’arrière-plan du bouton de résultat Genius lors du survol.
    $now-sp-button--secondary--color--hover $btn-couleur-par défaut Couleur du texte du bouton de résultat Genius lors du survol.
    $now-sp-button--secondary--border-color--hover assombrir ($btn-default-border, 12 %) Bordure du bouton de résultat Genius lors du survol.
    $now-sp-button--secondary--background-color--active assombrir ($btn-default-bg, 10 %) Arrière-plan du bouton de résultat Genius au clic.
    $now-sp-button--secondary--color--active $btn-couleur-par défaut Couleur du texte du bouton de résultat Genius au clic.
    $now-sp-button--secondary--border-color--active assombrir ($btn-default-border, 12 %) Couleur de bordure du bouton de résultat Genius au clic.
    $now-sp-highlighted-value--tertiaire--couleur $gray foncé Couleur du texte de la balise Résultat Genius Top Result.
    $now-sp-bouton--border-rayon $now-sp-global-border-radius Différencie le rayon des boutons de bouton et de chauve-souris de recherche.
    $now-sp-container--border-radius $now-sp-global-border-radius Rayon de bordure pour les cartes de résultats de recherche, les cartes de résultats Genius et le conteneur des résultats de recherche. N’affecte pas la frontière entre les résultats individuels.
    $now-sp-button--primary-negative--background-color $btn-primaire-bg Couleur d’arrière-plan du bouton Genius dans la fenêtre modale de confirmation de l’action EVAM.
    $now-sp-button--primary-negative--border-color $btn-primaire-frontière Couleur de bordure du bouton Genius dans la fenêtre modale de confirmation de l’action EVAM.
    $now-sp-button--primary-negative--background-color--hover assombrir ($btn-primaire-bg, 10 %) Couleur d’arrière-plan du bouton Genius lors du survol dans la fenêtre modale de confirmation de l’action EVAM.
    $now-sp-button--primary-negative--border-color--hover assombrir ($btn-primaire-bordure, 12 %) Couleur de bordure du bouton Genius lors du survol à l’intérieur de la confirmation.
    $now-sp-button--primary-negative--background-color--active assombrir ($btn-primaire-bg, 10 %) Couleur d’arrière-plan du bouton Genius au clic dans la fenêtre modale de confirmation.
    $now-sp-button--primary-negative--border-color--active assombrir ($btn-primaire-bordure, 12 %) Couleur de bordure du bouton Genius lors d’un clic dans la fenêtre modale de confirmation.
    $now-sp-button--primary--background-color $btn-primaire-bg Couleur d’arrière-plan du filtre sélectionné (pastille).
    $now-sp-button--primary--border-color $btn-primaire-frontière Couleur de la bordure du filtre sélectionné (pastille)
    $now-sp-button--primary--color $btn-couleur primaire Couleur du filtre sélectionné (pastille).
    $now-sp-button--primary--background-color--hover assombrir ($btn-primaire-bg, 10 %) Couleur d’arrière-plan du filtre sélectionné (pastille) lors du survol.
    $now-sp-button--primary--border-color--hover assombrir ($btn-primaire-bordure, 12 %) Couleur de bordure du filtre (pastille) sélectionné lors du survol.
    $now-sp-button--primary--background-color--active assombrir ($btn-primaire-bg, 10 %) Couleur d’arrière-plan du filtre sélectionné (pastille) au clic.
    $now-sp-button--primary--border-color--active assombrir ($btn-primaire-bordure, 12 %) Couleur de bordure du filtre sélectionné (pastille) au clic.
    $now-sp-rem-factor 5 La même variable que --classicsponlydonotuse--rem-multipy.
    Remarque :
    Il n’est pas recommandé d’utiliser cette variable.