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. Go to the Settings () icon > Knowledge base site > Custom CSS & JavaScript, and Custom CSS tab is the default section.

  2. Paste the below CSS snippet in the window.

mark { 
background-color: green; 
color: white; 
}
  1. Update the desired color in the above snippet.

In the above sample snippet, it is green. You can customize it with your desired color.

  1. Click Save.
    1a_Screenshot-highlighted_search_result_color_in_articles.png

Outcome

2_Screenshot-Highlight_color_changed.png