FormField CSS variables

Summary

• CSS Variables table
• CSS Variables list

CSS Variables table

Css variable	Fallback	Default
--mbx-formfield-background	/	/
--mbx-formfield-background-dark	--mbx-formfield-background	--mbx-background-dark
--mbx-formfield-background-light	--mbx-formfield-background	--mbx-background-light
--mbx-formfield-text-color	/	/
--mbx-formfield-text-color-light	--mbx-formfield-text-color	--mbx-text-color-light
--mbx-formfield-text-color-dark	--mbx-formfield-text-color	--mbx-text-color-dark
--mbx-formfield-background-hover	/	/
--mbx-formfield-background-hover-light	--mbx-formfield-background-hover	--mbx-background-hover-light
--mbx-formfield-background-hover-dark	--mbx-formfield-background-hover	--mbx-background-hover-light
--mbx-formfield-text-color-hover	/	/
--mbx-formfield-text-color-hover-light	--mbx-formfield-text-color-hover	--mbx-text-color-hover-light
--mbx-formfield-text-color-hover-dark	--mbx-formfield-text-color-hover	--mbx-text-color-hover-dark
--mbx-formfield-error-border	/	/
--mbx-formfield-error-border-light	--mbx-formfield-error-border	red
--mbx-formfield-error-border-dark	--mbx-formfield-error-border	red
--mbx-formfield-error-text	/	/
--mbx-formfield-error-text-light	--mbx-formfield-error-text	red
--mbx-formfield-error-text-dark	--mbx-formfield-error-text	red

CSS Variables list

--mbx-formfield-background

Fallback	Default
/	/

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

--mbx-formfield-background-dark

Fallback	Default
--mbx-formfield-background	--mbx-background-dark

FormField background when dark mode is off

--mbx-formfield-background-light

Fallback	Default
--mbx-formfield-background	--mbx-background-light

FormField background when dark mode is on

--mbx-formfield-text-color

Fallback	Default
/	/

Fallback value for --mbx-formfield-text-color-light and --mbx-formfield-text-color-dark

--mbx-formfield-text-color-light

Fallback	Default
--mbx-formfield-text-color	--mbx-text-color-light

FormField text color when dark mode is off

--mbx-formfield-text-color-dark

Fallback	Default
--mbx-formfield-text-color	--mbx-text-color-dark

FormField text color when dark mode is on

--mbx-formfield-background-hover

Fallback	Default
/	/

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

--mbx-formfield-background-hover-light

Fallback	Default
--mbx-formfield-background-hover	--mbx-background-hover-light

FormField background when dark mode is off, on hover

--mbx-formfield-background-hover-dark

Fallback	Default
--mbx-formfield-background-hover	--mbx-background-hover-light

FormField background when dark mode is on, on hover

--mbx-formfield-text-color-hover

Fallback	Default
/	/

Fallback value for --mbx-formfield-text-color-hover-light and --mbx-formfield-text-color-hover-dark

--mbx-formfield-text-color-hover-light

Fallback	Default
--mbx-formfield-text-color-hover	--mbx-text-color-hover-light

FormField text color when dark mode is off, on hover

--mbx-formfield-text-color-hover-dark

Fallback	Default
--mbx-formfield-text-color-hover	--mbx-text-color-hover-dark

FormField text color when dark mode is on, on hover

--mbx-formfield-error-border

Fallback	Default
/	/

Fallback value for --mbx-formfield-error-border-light and --mbx-formfield-error-border-dark

--mbx-formfield-error-border-light

Fallback	Default
--mbx-formfield-error-border	red

FormField error box border color when dark mode is off

--mbx-formfield-error-border-dark

Fallback	Default
--mbx-formfield-error-border	red

FormField error box border color when dark mode is on

--mbx-formfield-error-text

Fallback	Default
/	/

Fallback value for --mbx-formfield-error-text-light and --mbx-formfield-error-text-dark

--mbx-formfield-error-text-light

Fallback	Default
--mbx-formfield-error-text	red

FormField error box text color when dark mode is off

--mbx-formfield-error-text-dark

Fallback	Default
--mbx-formfield-error-text	red

FormField error box text color when dark mode is on