Want To Customize Colors in the AI search Page Results In Portal?<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: #000000; } span { font-size: 12pt; font-family: Lato; color: #000000; } h2 { font-size: 24pt; font-family: Lato; color: black; } h3 { font-size: 18pt; font-family: Lato; color: black; } h4 { font-size: 14pt; font-family: Lato; color: black; } a { font-size: 12pt; font-family: Lato; color: #00718F; } a:hover { font-size: 12pt; color: #024F69; } a:target { font-size: 12pt; color: #032D42; } a:visited { font-size: 12pt; color: #00718f; } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } Want To Customize Colors in the AI search Page Results? If you want to customize some colors in the AI search page results in portal, there are some examples about this. Imagine you want to change these entries Just add the entry on your custom style sheet: 1. Tab Selected text sn-tab-filter { --now-tabs--color--selected: rgb(127,255,212) !important; } 2. Underline sn-tab-filter { --now-tabs--border-color--selected: rgb(228,233,29) !important; } 3. Clear option sn-search-facets { --now-color--primary-1: rgb(139,69,19) !important; } 4.a. Hover background button sn-search-facets { --now-color--primary-2: rgb(139,69,19) !important; } 4.b. Hover button text sn-search-facets { --now-pill--color--selected_hover: rgb(231,232,114) !important; } 5. Category sn-search-facets { --now-color--link-2: rgb(2,228,196) !important; } 6. Sort option sn-tab-filter { --now-color_selection--primary-2: rgb(127,255,212) !important; } 7. Reference information sn-search-results-container{ --now-color_text--tertiary: rgb(184,0,204) !important; } 8. Title results sn-search-results-container{ --now-text-link--primary--color: rgb(255,2,1) !important; } 9. Highlight result (body only) sn-search-results-container{ --now-color_alert--warning-1: rgb(17,111,222) !important; } Your style sheet will look like this: sn-search-results-container{ --now-text-link--primary--color: rgb(255,2,1) !important; --now-color_text--tertiary: rgb(184,0,204) !important; --now-color_alert--warning-1: rgb(17,111,222) !important; } sn-search-facets { --now-color--link-2: rgb(2,228,196) !important; --now-pill--color--selected_hover: rgb(231,232,114) !important; --now-color--primary-1: rgb(139,69,19) !important; --now-color--primary-2: rgb(139,69,19) !important; } sn-tab-filter { --now-tabs--color--selected: rgb(127,255,212) !important; --now-tabs--border-color--selected: rgb(228,233,29) !important; --now-color_selection--primary-2: rgb(127,255,212) !important; } Notes: 1. You need to apply all of those entries to your custom theming. Please review this documentation for more information about that => Create a CSS include to override theming for AI Search in Service Portal 2. On the latest versions, the highlight option for the header title of a search entry results is not supported anymore. For more information, please review KB2413748 - Unexpected AI Search changes in Yokohama Patch 6 (YP6) and Zurich Patch 1 (ZP1)