From f833b18d195c3a0ab1a1d1bc8f0a372d1a4b5935 Mon Sep 17 00:00:00 2001
From: Philippe Oberti <philippe.oberti@elastic.co>
Date: Sat, 11 Jan 2025 00:59:17 +0100
Subject: [PATCH] [Security Solution][THI] - replace deprecated EUI color
 variables (#205173)

## Summary

This PR is part of a list of PRs to perform the changes necessary to get
the new Borealis theme working correctly. It focuses on replacing the
deprecated color variables with the new ones:

#### previous color token -> new color token:
- primaryText -> textPrimary
- accentText -> textAccent
- warningText -> textWarning
- dangerText -> textDanger
- text -> textParagraph
- title -> textHeading
- subduedText -> textSubdued
- disabledText -> textDisabled

No UI changes are visible.

https://github.com/elastic/kibana/issues/201881
---
 .../compare_documents/hooks/use_comparison_css.ts         | 8 ++++----
 .../public/flyout/shared/components/flyout_title.tsx      | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/platform/packages/shared/kbn-unified-data-table/src/components/compare_documents/hooks/use_comparison_css.ts b/src/platform/packages/shared/kbn-unified-data-table/src/components/compare_documents/hooks/use_comparison_css.ts
index a8b781661a9f9..05f69b1547db2 100644
--- a/src/platform/packages/shared/kbn-unified-data-table/src/components/compare_documents/hooks/use_comparison_css.ts
+++ b/src/platform/packages/shared/kbn-unified-data-table/src/components/compare_documents/hooks/use_comparison_css.ts
@@ -61,7 +61,7 @@ export const useComparisonCss = ({
         .${CELL_CLASS} {
           &,
           & * {
-            color: ${euiTheme.colors.successText} !important;
+            color: ${euiTheme.colors.textSuccess} !important;
           }
         }
       }
@@ -70,7 +70,7 @@ export const useComparisonCss = ({
         .${CELL_CLASS} {
           &,
           & * {
-            color: ${euiTheme.colors.dangerText} !important;
+            color: ${euiTheme.colors.textDanger} !important;
           }
         }
       }
@@ -82,12 +82,12 @@ export const useComparisonCss = ({
 
     .${ADDED_SEGMENT_CLASS} {
       background-color: ${matchSegmentBackgroundColor};
-      color: ${euiTheme.colors.successText};
+      color: ${euiTheme.colors.textSuccess};
     }
 
     .${REMOVED_SEGMENT_CLASS} {
       background-color: ${diffSegmentBackgroundColor};
-      color: ${euiTheme.colors.dangerText};
+      color: ${euiTheme.colors.textDanger};
     }
 
     ${(diffMode === 'chars' || diffMode === 'words') &&
diff --git a/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_title.tsx b/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_title.tsx
index 8c2c12ab80e94..89a62bc2bf6d9 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_title.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/flyout/shared/components/flyout_title.tsx
@@ -63,12 +63,12 @@ export const FlyoutTitle: FC<FlyoutTitleProps> = memo(
     const titleComponent = useMemo(() => {
       return (
         <EuiTitle size="s" data-test-subj={`${dataTestSubj}Text`}>
-          <EuiTextColor color={isLink ? euiTheme.colors.primaryText : undefined}>
+          <EuiTextColor color={isLink ? euiTheme.colors.textPrimary : undefined}>
             <span>{title}</span>
           </EuiTextColor>
         </EuiTitle>
       );
-    }, [dataTestSubj, title, isLink, euiTheme.colors.primaryText]);
+    }, [dataTestSubj, title, isLink, euiTheme.colors.textPrimary]);
 
     const linkIcon = useMemo(() => {
       return (