[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
This commit is contained in:
Philippe Oberti 2025-01-11 00:59:17 +01:00 committed by GitHub
parent 481b8037d6
commit f833b18d19
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 6 additions and 6 deletions

View file

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

View file

@ -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 (