Dropdown CSS variables

Summary

• CSS Variables table
• CSS Variables list

CSS Variables table

Css variable	Fallback	Default
--mbx-dropdown-background	/	/
--mbx-dropdown-background-light	--mbx-dropdown-background	--mbx-background-light
--mbx-dropdown-background-dark	--mbx-dropdown-background	--mbx-background-dark
--mbx-dropdown-text	/	/
--mbx-dropdown-text-light	--mbx-dropdown-text	--mbx-text-light
--mbx-dropdown-text-dark	--mbx-dropdown-text	--mbx-text-dark
--mbx-dropdown-background-hover	/	/
--mbx-dropdown-background-hover-light	--mbx-dropdown-background	--mbx-background-hover-light
--mbx-dropdown-background-hover-dark	--mbx-dropdown-background	--mbx-background-hover-dark
--mbx-dropdown-text-hover	/	/
--mbx-dropdown-text-hover-light	--mbx-dropdown-text-hover	--mbx-text-hover-light
--mbx-dropdown-text-hover-dark	--mbx-dropdown-text-hover	--mbx-text-hover-light
--mbx-dropdown-arrow	/	/
--mbx-dropdown-arrow-light	--mbx-dropdown-arrow	--mbx-dropdown-text-light
--mbx-dropdown-arrow-dark	--mbx-dropdown-arrow	--mbx-dropdown-text-dark
--mbx-dropdown-arrow-hover	/	/
--mbx-dropdown-arrow-hover-light	--mbx-dropdown-arrow-hover	--mbx-dropdown-arrow-light
--mbx-dropdown-arrow-hover-dark	--mbx-dropdown-arrow-hover	--mbx-dropdown-arrow-dark

CSS Variables list

--mbx-dropdown-background

Fallback	Default
/	/

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

--mbx-dropdown-background-light

Fallback	Default
--mbx-dropdown-background	--mbx-background-light

Dropdown background when dark mode is off

--mbx-dropdown-background-dark

Fallback	Default
--mbx-dropdown-background	--mbx-background-dark

Dropdown background when dark mode is on

--mbx-dropdown-text

Fallback	Default
/	/

Fallback value for --mbx-dropdown-text-light and --mbx-dropdown-text-dark

--mbx-dropdown-text-light

Fallback	Default
--mbx-dropdown-text	--mbx-text-light

Dropdown text color when dark mode is off

--mbx-dropdown-text-dark

Fallback	Default
--mbx-dropdown-text	--mbx-text-dark

Dropdown text color when dark mode is on

--mbx-dropdown-background-hover

Fallback	Default
/	/

Fallback value for --mbx-dropdown-background-hover-light and --mbx-dropdown-background-hover-dark

--mbx-dropdown-background-hover-light

Fallback	Default
--mbx-dropdown-background	--mbx-background-hover-light

Dropdown background when dark mode is off, on hover

--mbx-dropdown-background-hover-dark

Fallback	Default
--mbx-dropdown-background	--mbx-background-hover-dark

Dropdown background when dark mode is on, on hover

--mbx-dropdown-text-hover

Fallback	Default
/	/

Fallback value for --mbx-dropdown-text-hover-light and --mbx-dropdown-text-hover-dark

--mbx-dropdown-text-hover-light

Fallback	Default
--mbx-dropdown-text-hover	--mbx-text-hover-light

Dropdown text color when dark mode is off, on hover

--mbx-dropdown-text-hover-dark

Fallback	Default
--mbx-dropdown-text-hover	--mbx-text-hover-light

Dropdown text color when dark mode is on, on hover

--mbx-dropdown-arrow

Fallback	Default
/	/

Fallback value for --mbx-dropdown-arrow-light and --mbx-dropdown-arrow-dark

--mbx-dropdown-arrow-light

Fallback	Default
--mbx-dropdown-arrow	--mbx-dropdown-text-light

Dropdown arrow color when dark mode is off

--mbx-dropdown-arrow-dark

Fallback	Default
--mbx-dropdown-arrow	--mbx-dropdown-text-dark

Dropdown arrow color when dark mode is on

--mbx-dropdown-arrow-hover

Fallback	Default
/	/

Fallback value for --mbx-dropdown-arrow-hover-light and --mbx-dropdown-arrow-hover-dark

--mbx-dropdown-arrow-hover-light

Fallback	Default
--mbx-dropdown-arrow-hover	--mbx-dropdown-arrow-light

Dropdown arrow color when dark mode is off, on hover

--mbx-dropdown-arrow-hover-dark

Fallback	Default
--mbx-dropdown-arrow-hover	--mbx-dropdown-arrow-dark

Dropdown arrow color when dark mode is on, on hover