fix contrast issues in Search Profiler

elastic · Jan 22, 2025 · be60fe3 · be60fe3
1 parent 4146dd6
commit be60fe3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/...ofiler/public/application/components/highlight_details_flyout/highlight_details_table.tsx b/...ofiler/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/...archprofiler/public/application/components/profile_tree/shard_details/_shard_details.scss b/...archprofiler/public/application/components/profile_tree/shard_details/_shard_details.scss
@@ -9,3 +9,7 @@
     flex-shrink: 0;
   }
 }
+
+.prfDevTool__shardDetails--dim .prfDevTool__progressText {
+    color: $euiColorPlainDark;
+}