How to increase contrast for MUI dark theme for modals

Question

I am use MUI dark mode for a Next.js application. MUI modal works well in light mode, but I am having a difficult time finding the edge of the modal when dark theme is toggled. The contrast is really weak. You can't tell where the backdrop is when dark mode has been enabled. Are there any MUI based solutions that can increase modal contrast?

Answer 1

您可以使用自定义BackdropComponent ，例如： here