The modal container's coloring theme can be adjusted by the theme prop. The default is set to xlight. Theme Options

None This is a modal set to none theme.	This makes the modal container transparent.
Xlight This is a modal set to xlight theme.	This sets the xlight theme on the modal container.
Light This is a modal set to light theme.	This sets the light theme on the modal container.
Dark This is a modal set to dark theme.	This sets the dark theme on the modal container.
Xdark This is a modal set to xdark theme.	This sets the xdark theme on the modal container.
Additional Notes: this prop only applies to viewports equal to or above the small breakpoint (~600px).

Debug Panel

• Enable Shadow DOM
• Disable Shadow DOM