Password CSS variables

Summary

• CSS Variables table
• CSS Variables list

CSS Variables table

Css variable	Fallback	Default
--mbx-password-background	/	/
--mbx-password-background-light	--mbx-password-background	--mbx-background-color-light
--mbx-password-background-dark	--mbx-password-background	--mbx-background-color-dark
--mbx-password-text	/	/
--mbx-password-text-light	--mbx-password-text	--mbx-text-light
--mbx-password-text-dark	--mbx-password-text	--mbx-text-dark
--mbx-password-background-hover	/	/
--mbx-password-background-hover-light	--mbx-password-background-hover	--mbx-background-color-hover-light
--mbx-password-background-hover-dark	--mbx-password-background-hover	--mbx-background-color-hover-dark
--mbx-password-text-hover	/	/
--mbx-password-text-hover-light	--mbx-password-text-hover	--mbx-text-hover-light
--mbx-password-text-hover-dark	--mbx-password-text-hover	--mbx-text-hover-dark
--mbx-password-icon	/	/
--mbx-password-icon-light	--mbx-password-icon	--mbx-password-text-light
--mbx-password-icon-dark	--mbx-password-icon	--mbx-password-text-dark
--mbx-password-icon-hover	/	/
--mbx-password-icon-hover-light	--mbx-password-icon-hover	--mbx-password-text-light
--mbx-password-icon-hover-dark	--mbx-password-icon-hover	--mbx-password-text-dark

CSS Variables list

--mbx-password-background

Fallback	Default
/	/

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

--mbx-password-background-light

Fallback	Default
--mbx-password-background	--mbx-background-color-light

Password background when dark mode is off

--mbx-password-background-dark

Fallback	Default
--mbx-password-background	--mbx-background-color-dark

Password background when dark mode is on

--mbx-password-text

Fallback	Default
/	/

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

--mbx-password-text-light

Fallback	Default
--mbx-password-text	--mbx-text-light

Password text color when dark mode is off

--mbx-password-text-dark

Fallback	Default
--mbx-password-text	--mbx-text-dark

Password text color when dark mode is on

--mbx-password-background-hover

Fallback	Default
/	/

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

--mbx-password-background-hover-light

Fallback	Default
--mbx-password-background-hover	--mbx-background-color-hover-light

Password background when dark mode is off, on hover

--mbx-password-background-hover-dark

Fallback	Default
--mbx-password-background-hover	--mbx-background-color-hover-dark

Password background when dark mode is on, on hover

--mbx-password-text-hover

Fallback	Default
/	/

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

--mbx-password-text-hover-light

Fallback	Default
--mbx-password-text-hover	--mbx-text-hover-light

Password text color when dark mode is off, on hover

--mbx-password-text-hover-dark

Fallback	Default
--mbx-password-text-hover	--mbx-text-hover-dark

Password text color when dark mode is on, on hover

--mbx-password-icon

Fallback	Default
/	/

Fallback value for --mbx-password-icon-light and --mbx-password-icon-dark

--mbx-password-icon-light

Fallback	Default
--mbx-password-icon	--mbx-password-text-light

Password eye icon color when dark mode is off

--mbx-password-icon-dark

Fallback	Default
--mbx-password-icon	--mbx-password-text-dark

Password eye icon color when dark mode is on

--mbx-password-icon-hover

Fallback	Default
/	/

Fallback value for --mbx-password-icon-hover-light and --mbx-password-icon-hover-dark

--mbx-password-icon-hover-light

Fallback	Default
--mbx-password-icon-hover	--mbx-password-text-light

Password eye icon color when dark mode is off, on hover

--mbx-password-icon-hover-dark

Fallback	Default
--mbx-password-icon-hover	--mbx-password-text-dark

Password eye icon color when dark mode is on, on hover