mirror of
https://github.com/elastic/kibana.git
synced 2025-04-23 01:13:23 -04:00
[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:
parent
481b8037d6
commit
f833b18d19
2 changed files with 6 additions and 6 deletions
|
@ -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') &&
|
||||
|
|
|
@ -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 (
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue