Modal CSS variables

Summary

• CSS Variables table
• CSS Variables list

CSS Variables table

Css variable	Fallback	Default
--mbx-modal-background	/	/
--mbx-modal-background-light	--mbx-modal-background	rgba(0, 0, 0, 0.8)
--mbx-modal-background-dark	--mbx-modal-background	rgba(0, 0, 0, 0.8)
--mbx-modal-x-color	/	/
--mbx-modal-x-color-light	--mbx-modal-x-color	white
--mbx-modal-x-color-dark	--mbx-modal-x-color	white
--mbx-modal-x-color-hover	/	/
--mbx-modal-x-color-hover-light	--mbx-modal-x-color-hover	--mbx-dismissablecard-x-color-hover-light
--mbx-modal-x-color-hover-dark	--mbx-modal-x-color-hover	--mbx-dismissablecard-x-color-hover-dark

CSS Variables list

--mbx-modal-background

Fallback	Default
/	/

Fallback value for --mbx-modal-background-light and --mbx-modal-background-dark

--mbx-modal-background-light

Fallback	Default
--mbx-modal-background	rgba(0, 0, 0, 0.8)

Modal background when dark mode is off

--mbx-modal-background-dark

Fallback	Default
--mbx-modal-background	rgba(0, 0, 0, 0.8)

Modal background when dark mode is on

--mbx-modal-x-color

Fallback	Default
/	/

Fallback value for --mbx-modal-x-color-light and --mbx-modal-x-color-dark

--mbx-modal-x-color-light

Fallback	Default
--mbx-modal-x-color	white

Modal x icon color when dark mode is off

--mbx-modal-x-color-dark

Fallback	Default
--mbx-modal-x-color	white

Modal x icon color when dark mode is on

--mbx-modal-x-color-hover

Fallback	Default
/	/

Fallback value for --mbx-modal-x-color-hover-light and --mbx-modal-x-color-hover-dark

--mbx-modal-x-color-hover-light

Fallback	Default
--mbx-modal-x-color-hover	--mbx-dismissablecard-x-color-hover-light

Modal x icon color when dark mode is off, on hover

--mbx-modal-x-color-hover-dark

Fallback	Default
--mbx-modal-x-color-hover	--mbx-dismissablecard-x-color-hover-dark

Modal x icon color when dark mode is on, on hover