Override the CSS for AI Faceted Search widget

[Community Alums]

I want to change the background color of AI Faceted search. Please let me know how it can be done.

[Raghav Sharma24]

Can you share the screenshot?

[Community Alums]

Sorry I cannot share the screenshot. Basically I want to override the background color of the AI Facteed seach which appears in the header when any page is opened. ex:sc_cat_item

[Musab Rasheed]

Hello,

Check these out

https://www.servicenow.com/community/developer-forum/ai-search-results-tabs-display/m-p/1614259

https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB1115400

https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB0995512

[Community Alums]

Thanks for sharing the links.

If I override this variable $now-sp-color--background-primary at theme level, it is changing the page background color,  We want to use different background colors for page and AI Faceted search widget.