A11y - updating highlighting on surrounded documents UI

src/platform/packages/shared/kbn-unified-data-table/src/hooks/use_control_column.ts

@@ -22,7 +22,7 @@ export const useControlColumn = ({
   const { expanded, getRowByIndex } = useContext(UnifiedDataTableContext);
   const record = useMemo(() => getRowByIndex(rowIndex), [getRowByIndex, rowIndex]);
   const { euiTheme } = useEuiTheme();
-  const { backgroundBasePrimary: anchorColor } = euiTheme.colors;
+  const { backgroundBaseWarning: anchorColor } = euiTheme.colors;
 
   useEffect(() => {
     if (record?.isAnchor) {

src/platform/packages/shared/kbn-unified-data-table/src/utils/get_render_cell_value.tsx

@@ -75,7 +75,7 @@ export const getRenderCellValueFn = ({
     });
     const ctx = useContext(UnifiedDataTableContext);
     const { euiTheme } = useEuiTheme();
-    const { backgroundBasePrimary: anchorColor } = euiTheme.colors;
+    const { backgroundBaseWarning: anchorColor } = euiTheme.colors;
 
     useEffect(() => {
       if (row?.isAnchor) {

src/platform/plugins/shared/discover/public/application/context/context_app.tsx

@@ -9,7 +9,14 @@
 
 import React, { Fragment, memo, useEffect, useRef, useMemo, useCallback } from 'react';
 import { FormattedMessage } from '@kbn/i18n-react';
-import { EuiText, EuiPage, EuiPageBody, EuiSpacer, useEuiPaddingSize } from '@elastic/eui';
+import {
+  EuiText,
+  EuiPage,
+  EuiPageBody,
+  EuiSpacer,
+  useEuiPaddingSize,
+  useEuiTheme,
+} from '@elastic/eui';
 import { css } from '@emotion/react';
 import { cloneDeep } from 'lodash';
 import type { DataView, DataViewField } from '@kbn/data-views-plugin/public';
@@ -43,6 +50,7 @@ export interface ContextAppProps {
 }
 
 export const ContextApp = ({ dataView, anchorId, referrer }: ContextAppProps) => {
+  const { euiTheme } = useEuiTheme();
   const services = useDiscoverServices();
   const {
     analytics,
@@ -268,15 +276,26 @@ export const ContextApp = ({ dataView, anchorId, referrer }: ContextAppProps) =>
                 data-test-subj="contextDocumentSurroundingHeader"
                 css={css`
                   padding: ${titlePadding} ${titlePadding} 0;
+                  font-weight: ${euiTheme.font.weight.bold};
                 `}
               >
-                <strong>
-                  <FormattedMessage
-                    id="discover.context.contextOfTitle"
-                    defaultMessage="Documents surrounding #{anchorId}"
-                    values={{ anchorId }}
-                  />
-                </strong>
+                <FormattedMessage
+                  id="discover.context.contextOfTitle"
+                  defaultMessage="Documents surrounding {anchorId}"
+                  values={{
+                    anchorId: (
+                      <span
+                        css={css`
+                          background-color: ${euiTheme.colors.backgroundBaseWarning};
+                          color: ${euiTheme.colors.textWarning};
+                          padding: 0 ${euiTheme.size.xs};
+                        `}
+                      >
+                        #{anchorId}
+                      </span>
+                    ),
+                  }}
+                />
               </EuiText>
               <EuiSpacer size="s" />
               <ContextAppContentMemoized

x-pack/platform/plugins/private/translations/translations/fr-FR.json

@@ -2657,7 +2657,6 @@
     "discover.badge.readOnly.text": "Lecture seule",
     "discover.badge.readOnly.tooltip": "Impossible d'enregistrer les sessions Discover",
     "discover.context.breadcrumb": "Documents relatifs",
-    "discover.context.contextOfTitle": "Les documents relatifs à #{anchorId}",
     "discover.context.failedToLoadAnchorDocumentDescription": "Échec de chargement du document ancré",
     "discover.context.failedToLoadAnchorDocumentErrorDescription": "Le document ancré n’a pas pu être chargé.",
     "discover.context.invalidTieBreakerFiledSetting": "Paramètre de champ de départage non valide",

x-pack/platform/plugins/private/translations/translations/ja-JP.json

@@ -2656,7 +2656,6 @@
     "discover.badge.readOnly.text": "読み取り専用",
     "discover.badge.readOnly.tooltip": "Discoverセッションを保存できません",
     "discover.context.breadcrumb": "周りのドキュメント",
-    "discover.context.contextOfTitle": "#{anchorId}の周りのドキュメント",
     "discover.context.failedToLoadAnchorDocumentDescription": "アンカードキュメントの読み込みに失敗しました",
     "discover.context.failedToLoadAnchorDocumentErrorDescription": "アンカードキュメントの読み込みに失敗しました。",
     "discover.context.invalidTieBreakerFiledSetting": "無効なタイブレーカーフィールド設定",

x-pack/platform/plugins/private/translations/translations/zh-CN.json

@@ -2657,7 +2657,6 @@
     "discover.badge.readOnly.text": "只读",
     "discover.badge.readOnly.tooltip": "无法保存 Discover 会话",
     "discover.context.breadcrumb": "周围文档",
-    "discover.context.contextOfTitle": "#{anchorId} 周围的文档",
     "discover.context.failedToLoadAnchorDocumentDescription": "无法加载定位点文档",
     "discover.context.failedToLoadAnchorDocumentErrorDescription": "无法加载定位点文档。",
     "discover.context.invalidTieBreakerFiledSetting": "无效的平分决胜字段设置",