No fill on workload charts for some languages

[romain-rossi]

What happened?

When I change the language from "English" to "French" (for example) the workload charts become black (no fill):

What did you expect to happen?

The charts should be green ("Running" status)

How can we reproduce it (as minimally and precisely as possible)?

1. install the 7.0.0 chart version
2. go to settings and change the language from "English" to "French"

Anything else we need to know?

The issue seems to be related to the method:

dashboard/modules/web/src/common/components/workloadstatus/component.ts

Lines 42 to 53 in 5e385bf

	getCustomColor(label: string): string {
	if (label.includes($localize`Running`)) {
	return '#00c752';
	} else if (label.includes($localize`Succeeded`)) {
	return '#006028';
	} else if (label.includes($localize`Pending`)) {
	return '#ffad20';
	} else if (label.includes($localize`Failed`)) {
	return '#f00';
	}
	return '';
	}

and the translations:

dashboard/modules/web/i18n/fr/messages.fr.xlf

Lines 557 to 560 in 5e385bf

	<trans-unit id="2956098160626271284" datatype="html">
	<source>Running</source>
	<target>En fonctionnement</target>
	</trans-unit>

dashboard/modules/web/i18n/fr/messages.fr.xlf

Lines 1803 to 1806 in 5e385bf

	<trans-unit id="7873445996550708978" datatype="html">
	<source>Running: <x id="PH" equiv-text="status.running"/></source>
	<target>En cours d&apos;exécution: <x id="PH" equiv-text="status.running"/></target>
	</trans-unit>

In french, the translation En cours d'exécution: X does not include En fonctionnement so the color is not resolved.

FYI, in the previous version, the above translations contain En fonctionnement

Related issue: #7515

What browsers are you seeing the problem on?

Chrome, Microsoft Edge

Kubernetes Dashboard version

7.0.0 (web 1.2.0)

Kubernetes version

1.27.10

Dev environment

No response

[chri4774]

I've noticed the same problem while migrating from v2.7.0 (HELM Release 6.0.8) to 7.2.0 and using german language in the dashboard.