[Bug] Dark Mode theming does not seem to apply to Modals

[CryptoMF]

Version

3.0.2

Reproduction link

https://www.creative-tim.com/learning-lab/bootstrap/modal/material-dashboard

Operating System

Windows 11

Device

Laptop

Browser & Version

Chrome 98.0.4758.102

Steps to reproduce

Create a modal using the code from the Creative Tim demo
Using the Dark Mode switching tool switch the dashboard to Dark Mode
Cause the modal to popup
The modal is still in the Light Mode theme

What is expected?

The modal should be themed in Dark Mode colors

What is actually happening?

The modal is popping up oin Light Mode colors

---

Solution

Additional comments

[groovemen]

Hello @CryptoMF,

Thank you for your interest in working with our products, and for letting us know about this issue. We will fix it into the next product update.
Until then, what you can do is to set another background color for the "modal-content" class - something like this:

.dark-version .modal-content {
  background-color: #yourColor;
}

Hope this information helps you. Please let us know if we can help you with anything else.

All the best,
Stefan