Modal data-bs-theme dark does not change text color

[averwhy]

Prerequisites

• I am using the correct version of React-Bootstrap for my version of Bootstrap
• I have searched for duplicate or closed issues
• I have read the contributing guidelines

Describe the bug

I have this modal:

      <Modal.Header closeButton data-bs-theme="dark">
          <Modal.Title id="contained-modal-title-vcenter">
            Simulator
          </Modal.Title>
        </Modal.Header>
        <Modal.Body>
            <ProgressBar animated now={45} />
        </Modal.Body>
        <Modal.Footer>
          <Button onClick={props.onHide}>Close</Button>
        </Modal.Footer>
      </Modal>

However, when rendered, the text is the same color as the background, making it only visible when highlighted

Expected behavior

Text should be white/readable

To Reproduce

No response

Reproducible Example

https://github.com/averwhy/noisyProject/blob/main/src/components/simulator.jsx#L72-L94

Screenshots

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

Windows

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

Firefox

What version of React-Bootstrap are you using?

2.10.2

What version of Bootstrap are you using?

10.5.0

Additional context

No response

[confidential-nt]

The issue was with Bootstrap's internal CSS, not React Bootstrap. I was able to reproduce the bug and resolved it by setting --bs-modal-color to var(--bs-body-color).

from

to

I have created a PR to fix this issue. Please review it.

twbs/bootstrap#39977