[Security Solution][THI] - replace deprecated EUI color variables (#2…

…05173)

## 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.

#201881

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') &&

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 (