From be60fe32c7a1af97fc1dab6844bc28704ba4d0ec Mon Sep 17 00:00:00 2001
From: Oyelola Victoria <oyelolaabimbola23@gmail.com>
Date: Wed, 22 Jan 2025 09:54:01 +0000
Subject: [PATCH] fix contrast issues in Search Profiler

---
 .../highlight_details_flyout/highlight_details_table.tsx     | 5 +++--
 .../profile_tree/shard_details/_shard_details.scss           | 4 ++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/x-pack/platform/plugins/shared/searchprofiler/public/application/components/highlight_details_flyout/highlight_details_table.tsx b/x-pack/platform/plugins/shared/searchprofiler/public/application/components/highlight_details_flyout/highlight_details_table.tsx
index 14ba16fbacbd8..02817daf0d166 100644
--- a/x-pack/platform/plugins/shared/searchprofiler/public/application/components/highlight_details_flyout/highlight_details_table.tsx
+++ b/x-pack/platform/plugins/shared/searchprofiler/public/application/components/highlight_details_flyout/highlight_details_table.tsx
@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import { EuiBasicTable, EuiToolTip, EuiBadge } from '@elastic/eui';
+import { EuiBasicTable, EuiToolTip, EuiBadge, useEuiTheme } from '@elastic/eui';
 
 import { BreakdownItem } from '../../types';
 import { nsToPretty } from '../../lib';
@@ -17,6 +17,7 @@ interface Props {
 }
 
 export const HighlightDetailsTable = ({ breakdown }: Props) => {
+  const { euiTheme } = useEuiTheme();
   const columns = [
     {
       name: 'Description',
@@ -29,7 +30,7 @@ export const HighlightDetailsTable = ({ breakdown }: Props) => {
     {
       name: 'Time',
       render: (item: BreakdownItem) => (
-        <EuiBadge style={{ backgroundColor: item.color }}>
+        <EuiBadge style={{ backgroundColor: item.color, color: euiTheme.colors.plainDark }}>
           <span>{item.key.endsWith('_count') ? item.time : nsToPretty(item.time, 1)}</span>
         </EuiBadge>
       ),
diff --git a/x-pack/platform/plugins/shared/searchprofiler/public/application/components/profile_tree/shard_details/_shard_details.scss b/x-pack/platform/plugins/shared/searchprofiler/public/application/components/profile_tree/shard_details/_shard_details.scss
index b793282821ece..7fe505876c7be 100644
--- a/x-pack/platform/plugins/shared/searchprofiler/public/application/components/profile_tree/shard_details/_shard_details.scss
+++ b/x-pack/platform/plugins/shared/searchprofiler/public/application/components/profile_tree/shard_details/_shard_details.scss
@@ -9,3 +9,7 @@
     flex-shrink: 0;
   }
 }
+
+.prfDevTool__shardDetails--dim .prfDevTool__progressText {
+    color: $euiColorPlainDark;
+}
\ No newline at end of file