サービスポータルの AI 検索結果で検索用語のヒットハイライト表示の色を上書きし、境界線を削除<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } バックグラウンド AI 検索の結果と検索ファセットフィルターコンテナの境界線は 1px です。検索用語には、テーマに基づいて事前定義された色が強調表示されます。ただし、現時点では、顧客が上書きする場合に上書きするためのベースラインテーマ変数はありません たとえば、検索結果コンテナと検索ファセットフィルターから境界線を削除し、ヒットハイライトの色を顧客ブランドのテーマに合わせて変更します。 上記の問題に対処するために、この KB 記事では、同じことを実現するための回避手順を一覧表示します。 ワークアラウンド 1.テーマレベルで CSS プロパティを上書きするには、テーブル (/sp_css.do?sys_id=-1) に新しいスタイルシートレコードsp_css作成します。 1.1 ブランドに準拠するように ヒットハイライト色 (検索キーワードの背景色)を変更するには: sn-search-results-container, sn-search-combobox { --now-color--primary-0: rgb(40,103,178) !important; } 1.2.ボーダー 検索結果コンテナを削除するには: sn-search-results-container { --now-container--border-width: 0px !important; --mv9-JvmzrAmtZ--kvZptZ-9Apz8: 0px !important; --mv9-jvmzramtz--kvzptz-9apz8: 0px !important; } 1.3.ボーダー for search facet フィルターを削除するには: sn-search-facets { --now-color--divider-tertiary: 0px !important; } レコード CSS は最終的に次のようになります。 sn-search-results-container { --now-container--border-width: 0px !important; --mv9-JvmzrAmtZ--kvZptZ-9Apz8: 0px !important; --mv9-jvmzramtz--kvzptz-9apz8: 0px !important; } sn-search-facets { --now-color--divider-tertiary: 0px !important; } sn-search-results-container, sn-search-combobox { --now-color--primary-0: rgb(40,103,178) !important; } 2.新しい CSS インクルードレコードを sp_css_include table (<instance_url>/sp_css_include.do?sys_id=-1) に作成します。 作成中に、ステップ 1 で作成したスタイルシートを選択/リンクします。 3.多対多 m2m_sp_theme_css_include テーブル (/m2m_sp_theme_css_include.do?sys_id=-1) に新しいスタイルシートレコードを作成します。 作成中に、ステップ 2 で作成した CSS インクルードレコードを選択してリンクし、サービスポータルのテーマを選択します。 4.テーマ (<instance_url/sp_theme_list.do>) に移動し、ステップ 3 で作成するスタイルシートに添付するテーマを選択します。 上記の手順の後、検索結果を開くと、次の変更が表示されます。 添付されているのはサンプル更新セットです。お客様がインスタンスにインポートして、実際の動作を確認できます。CSS 上書きは、添付された更新セット内の La Jolla テーマに添付されています。