frontend: Fix warning label color contrast

vyncent-t · vyncent-t · commit 56fc4e468f7d · 2025-12-17T16:05:46.000-05:00
diff --git a/frontend/src/components/common/Label.stories/__snapshots__/StatusLabel.Warning.stories.storyshot b/frontend/src/components/common/Label.stories/__snapshots__/StatusLabel.Warning.stories.storyshot
@@ -1,7 +1,7 @@
 <body>
   <div>
     <span
-      class="MuiTypography-root MuiTypography-body1 css-1cqtycm-MuiTypography-root"
+      class="MuiTypography-root MuiTypography-body1 css-1dablfr-MuiTypography-root"
     >
       warning
     </span>
diff --git a/frontend/src/components/common/Label.tsx b/frontend/src/components/common/Label.tsx
@@ -104,9 +104,12 @@ export const StatusLabel = forwardRef<HTMLSpanElement, StatusLabelProps>((props,
       borderColor: theme.palette.divider,
     };
   } else if (isLight) {
+    const bg = baseColor;
+    const fg = status === 'warning' ? '#000000ff' : theme.palette.getContrastText(bg);
+
     params = {
-      backgroundColor: baseColor,
-      color: theme.palette.getContrastText(baseColor),
+      backgroundColor: bg,
+      color: fg,
       borderColor: 'transparent',
     };
   } else {
diff --git a/frontend/src/components/pod/__snapshots__/PodDetails.Initializing.stories.storyshot b/frontend/src/components/pod/__snapshots__/PodDetails.Initializing.stories.storyshot
@@ -796,7 +796,7 @@
                         class="MuiBox-root css-0"
                       >
                         <span
-                          class="MuiTypography-root MuiTypography-body1 css-1cqtycm-MuiTypography-root"
+                          class="MuiTypography-root MuiTypography-body1 css-1dablfr-MuiTypography-root"
                         >
                           Waiting (PodInitializing)
                         </span>
@@ -1046,7 +1046,7 @@
                         class="MuiBox-root css-0"
                       >
                         <span
-                          class="MuiTypography-root MuiTypography-body1 css-1cqtycm-MuiTypography-root"
+                          class="MuiTypography-root MuiTypography-body1 css-1dablfr-MuiTypography-root"
                         >
                           Waiting (PodInitializing)
                         </span>
diff --git a/frontend/src/components/pod/__snapshots__/PodDetails.LivenessFailed.stories.storyshot b/frontend/src/components/pod/__snapshots__/PodDetails.LivenessFailed.stories.storyshot
@@ -239,7 +239,7 @@
                         data-mui-internal-clone-element="true"
                       >
                         <span
-                          class="MuiTypography-root MuiTypography-body1 css-1cqtycm-MuiTypography-root"
+                          class="MuiTypography-root MuiTypography-body1 css-1dablfr-MuiTypography-root"
                         >
                           CrashLoopBackOff
                         </span>
@@ -791,7 +791,7 @@
                       >
                         <span
                           aria-describedby="container-state-message-liveness"
-                          class="MuiTypography-root MuiTypography-body1 css-1cqtycm-MuiTypography-root"
+                          class="MuiTypography-root MuiTypography-body1 css-1dablfr-MuiTypography-root"
                         >
                           Waiting (CrashLoopBackOff)
                         </span>
diff --git a/frontend/src/components/pod/__snapshots__/PodDetails.PullBackOff.stories.storyshot b/frontend/src/components/pod/__snapshots__/PodDetails.PullBackOff.stories.storyshot
@@ -791,7 +791,7 @@
                       >
                         <span
                           aria-describedby="container-state-message-imagepullbackoff"
-                          class="MuiTypography-root MuiTypography-body1 css-1cqtycm-MuiTypography-root"
+                          class="MuiTypography-root MuiTypography-body1 css-1dablfr-MuiTypography-root"
                         >
                           Waiting (ImagePullBackOff)
                         </span>
diff --git a/frontend/src/components/pod/__snapshots__/PodList.Items.stories.storyshot b/frontend/src/components/pod/__snapshots__/PodList.Items.stories.storyshot
@@ -1423,7 +1423,7 @@
                     data-mui-internal-clone-element="true"
                   >
                     <span
-                      class="MuiTypography-root MuiTypography-body1 css-1cqtycm-MuiTypography-root"
+                      class="MuiTypography-root MuiTypography-body1 css-1dablfr-MuiTypography-root"
                     >
                       CrashLoopBackOff
                     </span>

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`<body>`
`2`	`2`	`<div>`
`3`	`3`	`<span`
`4`		`- class="MuiTypography-root MuiTypography-body1 css-1cqtycm-MuiTypography-root"`
	`4`	`+ class="MuiTypography-root MuiTypography-body1 css-1dablfr-MuiTypography-root"`
`5`	`5`	`>`
`6`	`6`	`warning`
`7`	`7`	`</span>`
Original file line number	Diff line number	Diff line change
`@@ -796,7 +796,7 @@`
`796`	`796`	`class="MuiBox-root css-0"`
`797`	`797`	`>`
`798`	`798`	`<span`
`799`		`- class="MuiTypography-root MuiTypography-body1 css-1cqtycm-MuiTypography-root"`
	`799`	`+ class="MuiTypography-root MuiTypography-body1 css-1dablfr-MuiTypography-root"`
`800`	`800`	`>`
`801`	`801`	`Waiting (PodInitializing)`
`802`	`802`	`</span>`
`@@ -1046,7 +1046,7 @@`
`1046`	`1046`	`class="MuiBox-root css-0"`
`1047`	`1047`	`>`
`1048`	`1048`	`<span`
`1049`		`- class="MuiTypography-root MuiTypography-body1 css-1cqtycm-MuiTypography-root"`
	`1049`	`+ class="MuiTypography-root MuiTypography-body1 css-1dablfr-MuiTypography-root"`
`1050`	`1050`	`>`
`1051`	`1051`	`Waiting (PodInitializing)`
`1052`	`1052`	`</span>`
Original file line number	Diff line number	Diff line change
`@@ -239,7 +239,7 @@`
`239`	`239`	`data-mui-internal-clone-element="true"`
`240`	`240`	`>`
`241`	`241`	`<span`
`242`		`- class="MuiTypography-root MuiTypography-body1 css-1cqtycm-MuiTypography-root"`
	`242`	`+ class="MuiTypography-root MuiTypography-body1 css-1dablfr-MuiTypography-root"`
`243`	`243`	`>`
`244`	`244`	`CrashLoopBackOff`
`245`	`245`	`</span>`
`@@ -791,7 +791,7 @@`
`791`	`791`	`>`
`792`	`792`	`<span`
`793`	`793`	`aria-describedby="container-state-message-liveness"`
`794`		`- class="MuiTypography-root MuiTypography-body1 css-1cqtycm-MuiTypography-root"`
	`794`	`+ class="MuiTypography-root MuiTypography-body1 css-1dablfr-MuiTypography-root"`
`795`	`795`	`>`
`796`	`796`	`Waiting (CrashLoopBackOff)`
`797`	`797`	`</span>`
Original file line number	Diff line number	Diff line change
`@@ -1423,7 +1423,7 @@`
`1423`	`1423`	`data-mui-internal-clone-element="true"`
`1424`	`1424`	`>`
`1425`	`1425`	`<span`
`1426`		`- class="MuiTypography-root MuiTypography-body1 css-1cqtycm-MuiTypography-root"`
	`1426`	`+ class="MuiTypography-root MuiTypography-body1 css-1dablfr-MuiTypography-root"`
`1427`	`1427`	`>`
`1428`	`1428`	`CrashLoopBackOff`
`1429`	`1429`	`</span>`