Dark mode colors have low contrast

[Clashsoft]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

The new darkmode colors make text very hard to read due to bad contrast. Compare these screenshots:

Unmodified:

Text Color #eee:

Text Color #eee and Body Color #111 (bootstrap-darkmode):

I propose changing the $body-color-dark to something brighter like #eee for improved readability.

Reduced test cases

What operating system(s) are you seeing the problem on?

Windows, macOS, Android, iOS, Linux

What browser(s) are you seeing the problem on?

Chrome, Safari, Firefox, Microsoft Edge, Opera

What version of Bootstrap are you using?

v5.3.0-alpha3

[kusma]

FWIW, we've using the dark-mode (based on preference with JS) on docs.mesa3d.org, and we've gotten complaints from users about the lack of contrast in the dark-mode as well.

[mdo]

The color contrast in dark mode (#adb5bd to #1a1c20) is 8.26. I could see us going a little darker on the background and perhaps brighter on the foreground.

[Clashsoft]

I see that the contrast works in theory, but as mentioned by @kusma and in my opinion, in practice it is still not readable for everyday text. Compare the comments here on GitHub, with a contrast ratio of 12.26:1.

[mdo]

Fixed by #38815.