---
title: "Comment changer la couleur des résultats de recherche surlignés dans les articles"
slug: "how-to-change-the-highlighted-search-result-color-in-articles"
description: "When you have enabled the highlight matching search keyword in the articles option, the search keywords present in the article will be highlighted."
tags: ["Customization"]
updated: 2026-06-22T08:31:03Z
published: 2026-06-22T08:31:03Z
canonical: "docs.document360.com/how-to-change-the-highlighted-search-result-color-in-articles"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Comment changer la couleur des résultats de recherche surlignés dans les articles

Lorsque le paramètre **Mise en surbrillance des mots-clés de recherche correspondants dans les articles** est activé, Document360 met automatiquement en évidence le terme de recherche partout où il apparaît dans un article. La couleur de surlignage par défaut est le jaune. Vous pouvez remplacer cela par une couleur personnalisée, par exemple, pour correspondre à la palette de votre marque ou améliorer le contraste, pour les modes Clair et Sombre.

---

## Quand utiliser cela

Utilisez cette personnalisation lorsque vous souhaitez :

- Remplacez la surlignure jaune par défaut par une couleur qui correspond à votre marque ou au thème de votre site.
- Améliorez la visibilité des points forts des termes de recherche par rapport à la couleur de fond de votre base de connaissances.
- Appliquez un styling cohérent des hautes lumières en mode clair et sombre.

---

## Avant que tu commences

- Le paramètre **Highlight Matching Search Keywords in Articles** doit être activé pour que les points forts de recherche apparaissent tout court. Activez-le dans **Paramètres** (

) > site de **la base de connaissances** > **personnalisation du site** avant d’appliquer ce CSS.
- Vous avez besoin d’accéder aux **paramètres** (

) > **site de base de connaissances** > **personnalisation du site** > **CSS & JavaScript personnalisés** dans le portail de la base de connaissances.

---

## Comment changer la couleur de surlignation du mot-clé de recherche

1. Naviguer dans **les paramètres** (

) > **site de la base de connaissances** > **personnalisation du site** > **CSS & JavaScript personnalisés** dans le portail de la base de connaissances.

![Custom CSS and JavaScript settings panel in the Document360 Knowledge base portal](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Custom%20css%20&%20js.png)
2. Depuis le panneau de navigation de gauche, sélectionnez l’onglet **CSS** et collez l’extrait suivant :

```
.fp-search-content em, .search-content em {
    background-color: #4E1E66;
    color: white;
}
```

> Dans les extraits d’exemple ci-dessus, le vert et le violet sont utilisés comme exemples de couleurs de surlignage avec du texte blanc. Remplacez-les par les valeurs de couleur souhaitées.

1. Mettez à jour les `background-color` valeurs et `color` avec les couleurs que vous souhaitez utiliser.
2. **Cliquez sur Enregistrer**.

![CSS tab showing the search highlight color snippet saved in the Custom CSS and JavaScript panel](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Change%20highlighted%20search%20result%20color.png)

---

## Conséquences

**Avant**

Les mots-clés de recherche sont mis en évidence avec la couleur jaune par défaut fournie par Document360.

![Search results showing the default yellow highlight color before applying the CSS](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Highlighted%20search%20result%20-%20Before.png)

**Après**

Les mots-clés de recherche sont mis en évidence avec la couleur `#4E1E66` d’arrière-plan personnalisée et le texte blanc après application du CSS.

![Search results showing the custom purple highlight color after applying the CSS](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Highlighted%20search%20result%20-%20After.png)

---

## Meilleures pratiques

- **Choisissez une couleur de surlignage qui contraste à la fois avec l’arrière-plan de votre page et votre texte.** Une couleur de lumière qui se fond dans l’arrière-plan est invisible ; une qui entre en conflit avec la couleur du texte réduit la lisibilité. Testez la combinaison que vous choisissez en modes Lumière et Obscurité.
- **Gardez la couleur du texte (`color`) synchronisée avec votre fond de surveillance.** Le fragment place à la fois l’arrière-plan surligné (`background-color`) et la couleur du texte (`color`) à l’intérieur du surligne. Si vous changez l’arrière-plan pour une couleur foncée, utilisez `white` pour le texte. Si vous utilisez un fond clair, optez pour une couleur de texte foncée.
- **Utilisez des valeurs HEX ou RVB plutôt que des noms de couleurs.** Les noms de couleurs CSS sont `green` imprécis. Remplacez-les par votre code HEX spécifique pour des résultats précis et cohérents avec la marque.
- **Vérifiez que le paramètre Mise en surbrillance et correspondance des mots-clés de recherche est activé.** Si les surlignages n’apparaissent pas après l’application du CSS, vérifiez que la fonction est activée. Le changement CSS n’affecte que la couleur — il ne peut pas activer la fonctionnalité elle-même.