Change the Highlight Color

When you run a search in the Find UI, by default Find highlights the search terms in your results in bold. You can modify Find to highlight the search terms in different text color, or with a different background color, by using the styles.json configuration.

To change the Find highlighting color

  1. Go to the Find home directory.
  2. In the customization folder, open styles.json in a text editor.
  3. Add one or both of the following properties to the JSON definition.

    Property Type Description
    termHighlightColor String The color to use as the text color for highlighted search terms. You can specify the colors as six-figure hex values (for example #112233), or text color values (for example blue). By default, Find does not change the text color.
    termHighlightBackground String The color to use as the background color for highlighted search terms. You can specify the colors as six-figure hex values (for example #112233), or text color values (for example blue). By default, Find does not change the background color.

    For example:

    {
       "termHighlightColor": "yellow",
       "termHighlightBackground": "purple"
    }
  4. Save the file, and then restart Find to apply your configuration changes.

    TIP: If you belong to the FindAdmin role, you can reload the styles configuration to make any configuration changes available to your users without restarting Find.

    To reload the template configuration, you must send the following API call to Find directly, by typing the URL into your Web browser address bar. You must be logged into Find as a user with the FindAdmin role in the same Web browser, because Find uses the session cookie to authorize the action.

    http://FindURL/api/admin/customization/config/reload

    Where FindURL is the URL of your Find server.

    This option also reloads any other customization configurations (for example, dashboards).