frontend: Fix warning label color contrast

[vyncent-t]

Summary

Ran FastPass and it seems there is an issue when using white text and orange background. I have tried adjusting the background color to be darker to match allowed contrast, but this results in the "allowed" orange basically being just red. (Please refer to the image above for details)

This clashes with the red color used for failures so I am opting for a use of black text when displaying orange labels in light mode.

Changes

• Adjusts label text color to black when on light mode

Steps to Test

1. Navigate to a resource that is displaying warning label
2. Note that the white text is now black
3. Run FastPass if available and observe no issues

Screenshots

Before

After

[k8s-ci-robot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: vyncent-t
Once this PR has been reviewed and has the lgtm label, please assign joaquimrocha for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[k8s-triage-robot]

Unknown CLA label state. Rechecking for CLA labels.

Send feedback to sig-contributor-experience at kubernetes/community.

/check-cla
/easycla