SONAR-23138 Fix counter contrast

diff --git a/server/sonar-web/design-system/src/components/Badge.tsx b/server/sonar-web/design-system/src/components/Badge.tsx
index 1746a417d0c4d9f938e0183ed2607a414cd59414..a88c457b4e69c14cd70fba883e4a645c029562ab 100644 (file)
--- a/server/sonar-web/design-system/src/components/Badge.tsx
+++ b/server/sonar-web/design-system/src/components/Badge.tsx
@@ -38,6 +38,14 @@ interface BadgeProps extends React.PropsWithChildren {
   variant?: BadgeVariant;
 }
 
+function getColor(variantInfo: ThemeColors) {
+  if (variantInfo === 'badgeCounterFailed') {
+    return 'var(--echoes-color-text-danger-bold)';
+  }
+
+  return themeContrast(variantInfo);
+}
+
 export function Badge({ className, children, title, variant = 'default' }: BadgeProps) {
   const commonProps = {
     'aria-label': title,
@@ -87,7 +95,7 @@ const StyledCounter = styled.span<{
   ${tw`sw-items-center sw-justify-center`};
   ${tw`sw-rounded-pill`};
 
-  color: ${({ variantInfo }) => themeContrast(variantInfo)};
+  color: ${({ variantInfo }) => getColor(variantInfo)};
   background-color: ${({ variantInfo }) => themeColor(variantInfo)};
   border: ${({ variantInfo }) =>
     themeBorder(