How to change the highlighted search result color in articles?

When 'Highlight Matching Search Keywords in Articles' is enabled, search keywords within articles are automatically highlighted. By default, the highlight color is yellow. You have the flexibility to customize this color according to your preferences. The following steps will allow you to change the highlight color for search keywords in articles, applicable to both light and dark modes.

Solution

1. Navigate to Settings () > Knowledge base site > Customize site > Custom CSS & JavaScript in the Knowledge base portal.

2. Paste the below CSS snippet in the CSS tab.

For KB Site 1.0,

mark { 
background-color: green; 
color: white; 
}

For KB Site 2.0,

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

3. Update the desired color in the above snippet.

In the above sample snippets, green and purple colors are used with white font. You can customize it with your desired color.

4. Click Save.

Outcome