Rolling Upgrades: Insufficient color contrast of text in dark mode

Issue Summary

The color contrast of the text elements in the dark mode has insufficient color contrast.

Steps to Reproduce

1. Navigate to the "Settings" link from the header section.
2. Navigate to "Rolling Upgrades" link and activate it.
3. Turn on the "Dark mode" from the header.
4. Observe that most of the text on the page is not readable.
5. Check the color contrast usig color contrast analyser tool.
6. Verify that contrast is less.

Screenshot

Actual Results

The color contrast of the text elements on the page such as

• "Rolling upgrades" heading text
• "A rolling upgrade lets you perform an update with no downtime. Head to" paragraph text
• "to view or download compatible versions" paragraph text
• "Upgrade mode" heading text
• "Upgrade mode lets your cluster accept nodes with different ..." paragraph text
• "You can now put your cluster in upgrade mode." table text

Fg: #172B4E

Bg: #1D2125

Ratio: 1.2:1

This will make it difficult for people with low vision and color blindness to read standard text elements that have insufficient contrast.

Expected Results

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, 2019)
macOS Ventura Version 13.6.1
Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 17.3 (18617.2.4.11.9, 18617)
JAWS- Version 2022
NVDA- Version 2020.3