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

NoneThis is a modal set to none theme.	This makes the modal container transparent.
XlightThis is a modal set to xlight theme.	This sets the xlight theme on the modal container.
LightThis is a modal set to light theme.	This sets the light theme on the modal container.
DarkThis is a modal set to dark theme.	This sets the dark theme on the modal container.
XdarkThis 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