refactor: update severity color token usages

This commit is contained in:
Lene Gadewoll 2025-04-17 16:36:19 +02:00
parent 7aa92b5d2d
commit 4c852f13f9
3 changed files with 14 additions and 26 deletions

View file

@ -36,23 +36,19 @@ export const SeverityHealth: React.FC<Props> = ({ severity }) => {
const severityData = {
low: {
color: isAmsterdam ? euiTheme.colors.vis.euiColorVis0 : euiTheme.colors.vis.euiColorSeverity5,
color: isAmsterdam ? euiTheme.colors.vis.euiColorVis0 : euiTheme.colors.severity.neutral,
label: LOW,
},
medium: {
color: isAmsterdam ? euiTheme.colors.vis.euiColorVis5 : euiTheme.colors.vis.euiColorSeverity7,
color: isAmsterdam ? euiTheme.colors.vis.euiColorVis5 : euiTheme.colors.severity.warning,
label: MEDIUM,
},
high: {
color: isAmsterdam
? euiTheme.colors.vis.euiColorVis7
: euiTheme.colors.vis.euiColorSeverity10,
color: isAmsterdam ? euiTheme.colors.vis.euiColorVis7 : euiTheme.colors.severity.risk,
label: HIGH,
},
critical: {
color: isAmsterdam
? euiTheme.colors.vis.euiColorVis9
: euiTheme.colors.vis.euiColorSeverity14,
color: isAmsterdam ? euiTheme.colors.vis.euiColorVis9 : euiTheme.colors.severity.danger,
label: CRITICAL,
},
};

View file

@ -35,23 +35,19 @@ export const SeverityFilter: React.FC<Props> = ({ selectedSeverity, onSeverityCh
const severities = {
[CaseSeverity.LOW]: {
color: isAmsterdam ? euiTheme.colors.vis.euiColorVis0 : euiTheme.colors.vis.euiColorSeverity5,
color: isAmsterdam ? euiTheme.colors.vis.euiColorVis0 : euiTheme.colors.severity.neutral,
label: i18n.SEVERITY_LOW_LABEL,
},
[CaseSeverity.MEDIUM]: {
color: isAmsterdam ? euiTheme.colors.vis.euiColorVis5 : euiTheme.colors.vis.euiColorSeverity7,
color: isAmsterdam ? euiTheme.colors.vis.euiColorVis5 : euiTheme.colors.severity.warning,
label: i18n.SEVERITY_MEDIUM_LABEL,
},
[CaseSeverity.HIGH]: {
color: isAmsterdam
? euiTheme.colors.vis.euiColorVis7
: euiTheme.colors.vis.euiColorSeverity10,
color: isAmsterdam ? euiTheme.colors.vis.euiColorVis7 : euiTheme.colors.severity.risk,
label: i18n.SEVERITY_HIGH_LABEL,
},
[CaseSeverity.CRITICAL]: {
color: isAmsterdam
? euiTheme.colors.vis.euiColorVis9
: euiTheme.colors.vis.euiColorSeverity14,
color: isAmsterdam ? euiTheme.colors.vis.euiColorVis9 : euiTheme.colors.severity.danger,
label: i18n.SEVERITY_CRITICAL_LABEL,
},
};

View file

@ -42,15 +42,11 @@ export function getServiceHealthStatusColor(
switch (status) {
case ServiceHealthStatus.healthy:
return isAmsterdam
? euiTheme.colors.vis.euiColorVis0
: euiTheme.colors.vis.euiColorVisSuccess0;
return isAmsterdam ? euiTheme.colors.vis.euiColorVis0 : euiTheme.colors.severity.success;
case ServiceHealthStatus.warning:
return isAmsterdam ? euiTheme.colors.vis.euiColorVis5 : euiTheme.colors.vis.euiColorVis9;
return isAmsterdam ? euiTheme.colors.vis.euiColorVis5 : euiTheme.colors.severity.warning;
case ServiceHealthStatus.critical:
return isAmsterdam
? euiTheme.colors.vis.euiColorVis9
: euiTheme.colors.vis.euiColorSeverity14;
return isAmsterdam ? euiTheme.colors.vis.euiColorVis9 : euiTheme.colors.severity.danger;
case ServiceHealthStatus.unknown:
return euiTheme.colors.mediumShade;
}
@ -66,15 +62,15 @@ export function getServiceHealthStatusBadgeColor(
case ServiceHealthStatus.healthy:
return isAmsterdam
? euiTheme.colors.vis.euiColorVisBehindText0
: euiTheme.colors.vis.euiColorVisSuccess0;
: euiTheme.colors.severity.success;
case ServiceHealthStatus.warning:
return isAmsterdam
? euiTheme.colors.vis.euiColorVisBehindText5
: euiTheme.colors.vis.euiColorVis9;
: euiTheme.colors.severity.warning;
case ServiceHealthStatus.critical:
return isAmsterdam
? euiTheme.colors.vis.euiColorVisBehindText9
: euiTheme.colors.vis.euiColorSeverity12;
: euiTheme.colors.severity.risk;
case ServiceHealthStatus.unknown:
return euiTheme.colors.mediumShade;
}