Issue Summary

On "Source" page, the insufficient colour contrast is found for "abc", "rare" and "This is not a valid label name" text elements. 

Steps to Reproduce

1. Activate project in header.
2. Activate "Repository" option. 
3. Activate "Source" link. 
4. Navigate through page using keyboard. 
5. Observe that the "Label" combobox appears and add labels in in that.
6. Use any color contrast testing tool to check the color contrast.
7. Observe that the mentioned text element has insufficient contrast ratio. 

Screenshot

Actual Results

There are some standard text with background/foreground color combinations having an insufficient contrast ratio.
• The "This is not a valid label name" text with #999999 foreground color has an insufficient color contrast ratio of 2.8:1 with #FFFFFF background color.
• The "abc" and "rare" labels with #FFFFFF foreground color has an insufficient color contrast ratio of 1.1:1 with #F4F5F7 background color.
 
This will make it difficult for people with low vision and color blindness to read standard text elements that have insufficient contrast.

Expected Results 

The contrast ratio between foreground text and background for the standard text should be sufficient.

On all pages, ensure that each foreground/background color combination presents a contrast ratio of at least 4.5:1 for standard text.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available.

Environment

MacBook Pro (16-inch, 2021)
macOS Sonoma Version 14.1
Chrome - Version 119.0.6045.159 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 17.1 (19616.2.9.11.7)
JAWS- Version 2023
NVDA- Version 2020.3
Voiceover - Version Latest