Thème pour Recherche IA dans Portail de services

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 4 minutes de lecture

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

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

    Vous pouvez modifier ces variables dans le champ des variables CSS d’un enregistrement de thème [sp_theme]. Vous pouvez également configurer ces variables à l’aide d’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-serif 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 d’accès, 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é La 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-couleur--neutre-12 $gray foncé Couleur d’icône développée (chevron) des facettes dans la vue mobile.
    $now-sp-global-border-radius 4px Angles arrondis des résultats de recherche affectant le volet de contenu et non les cartes de résultats de recherche. Cette variable affecte également les résultats Genius, les boutons des résultats Genius et les surbrillances de l’arrière-plan du survol de l’icône de la barre de recherche. Cette variable n’affecte pas les facettes.
    $now-sp-color--anneau de mise au point $brand primaire Couleur de 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’ils sont survolés.
    $now-sp-tabs--border-color $sp-b-couleur-bordure- Les onglets soulignent la couleur.
    $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é Filtrez la couleur de l’élément (étiquette de la case à cocher).
    $now-sp-button--primary--bare--color $link couleur Effacer tout 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 survol couleur   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 pilule de filtre sélectionné.
    $now-sp-pill--selected--border-color $brand primaire Couleur de bordure de pilule de filtre sélectionnée.
    $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-default-border Couleur de la 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 la bordure du bouton de résultat Genius au clic.
    $now-sp-highlighted-value--tertiary--color $gray foncé Couleur du texte de la balise du résultat Genius Top Result.
    $now-sp-button--border-radius $now-sp-global-border-radius Différencie le rayon des boutons bouton et des boutons 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 de résultats de recherche. N’affecte pas la frontière entre les résultats individuels.
    $now-bouton-sp-primaire-négatif--couleur d’arrière-plan $btn-primary-bg Couleur d’arrière-plan du bouton Genius dans le modal de confirmation de l’action EVAM.
    $now-bouton-sp-primaire-négatif--couleur-bordure $btn bordure primaire Couleur de la bordure du bouton Genius dans le modal de confirmation de l’action EVAM.
    $now-bouton-sp-primaire--couleur-arrière-plan--survol assombrir ($btn-primary-bg, 10 %) Couleur d’arrière-plan du bouton Genius lors du survol dans le modal de confirmation de l’action EVAM.
    $now-bouton-sp-primaire--couleur-bordure--survol assombrir ($btn bordure primaire, 12 %) Couleur de la bordure du bouton Genius lors du survol à l’intérieur de la confirmation.
    $now-sp-button-primary-negative--background-color--active assombrir ($btn-primary-bg, 10 %) Couleur d’arrière-plan du bouton Genius lors d’un clic à l’intérieur du modal de confirmation.
    $now-bouton-sp-primaire--couleur--bordure --actif assombrir ($btn bordure primaire, 12 %) Couleur de la bordure du bouton Genius lors d’un clic à l’intérieur du modal de confirmation.
    $now-sp-button--primary--background-color $btn-primary-bg Couleur d’arrière-plan du filtre (pastille) sélectionné.
    $now-sp-button--primary--border-color $btn bordure primaire Couleur de la bordure du filtre (pastille) sélectionné
    $now-sp-button--primary--color $btn couleur primaire Couleur de filtre (pilule) sélectionnée.
    $now-sp-button--primary--background-color--hover assombrir ($btn-primary-bg, 10 %) Couleur d’arrière-plan du filtre (pastille) sélectionnée lors du survol.
    $now-sp-button--primary--border-color--hover assombrir ($btn bordure primaire, 12 %) Couleur de bordure du filtre (pastille) sélectionnée lors du survol.
    $now-sp-button--primary--background-color--active assombrir ($btn-primary-bg, 10 %) Couleur d’arrière-plan du filtre (pastille) sélectionné au clic.
    $now-sp-button--primary--border-color--active assombrir ($btn bordure primaire, 12 %) Couleur de la bordure du filtre (pilule) sélectionné au clic.
    Facteur $now-sp-rem 5 Même variable que --classicsponlydonotuse--rem-multipy.
    Remarque :
    L’utilisation de cette variable n’est pas recommandée.