Form CSS variables

Summary

• CSS Variables table
• CSS Variables list

CSS Variables table

Css variable	Fallback	Default
--mbx-form-background-light	--mbx-form-background	--mbx-background-light
--mbx-form-background	/	/
--mbx-form-background-dark	--mbx-form-background	--mbx-background-dark
--mbx-form-text	/	/
--mbx-form-text-light	--mbx-form-text	--mbx-text-light
--mbx-form-text-dark	--mbx-form-text	--mbx-text-dark
--mbx-form-submit-background	/	/
--mbx-form-submit-background-light	--mbx-form-submit-background	mbx-button-background-light
--mbx-form-submit-background-dark	--mbx-form-submit-background	mbx-button-background-dark
--mbx-form-submit-text	/	/
--mbx-form-submit-text-light	--mbx-form-submit-text	mbx-button-text-light
--mbx-form-submit-text-dark	--mbx-form-submit-text	mbx-button-text-dark
--mbx-form-field-background	/	/
--mbx-form-field-background-dark	--mbx-form-field-background	--mbx-field-background-dark
--mbx-form-field-background-light	--mbx-form-field-background	--mbx-field-background-light
--mbx-form-field-text	/	/
--mbx-form-field-text-light	--mbx-form-field-text	--mbx-field-text-light
--mbx-form-field-text-dark	--mbx-form-field-text	--mbx-field-text-dark
--mbx-form-field-background-hover	/	/
--mbx-form-field-background-hover-light	--mbx-form-field-background-hover	--mbx-field-background-hover-light
--mbx-form-field-background-hover-dark	--mbx-form-field-background-hover	--mbx-field-background-hover-dark
--mbx-form-field-text-hover	/	/
--mbx-form-field-text-hover-light	--mbx-form-field-text-hover	--mbx-field-text-hover-light
--mbx-form-field-text-hover-dark	--mbx-form-field-text-hover	--mbx-field-text-hover-dark
--mbx-form-field-error-border	/	/
--mbx-form-field-error-border-light	--mbx-form-field-error-border	--mbx-field-error-border-light
--mbx-form-field-error-border-dark	--mbx-form-field-error-border	--mbx-field-error-border-dark
--mbx-form-field-error-text	/	/
--mbx-form-field-error-text-light	--mbx-form-field-error-text	--mbx-field-error-text-light
--mbx-form-field-error-text-dark	--mbx-form-field-error-text	--mbx-field-error-text-dark
--mbx-field-background	/	/
--mbx-field-background-dark	--mbx-field-background	--mbx-field-background-dark
--mbx-field-background-light	--mbx-field-background	--mbx-field-background-light
--mbx-field-text	/	/
--mbx-field-text-light	--mbx-field-text	--mbx-field-text-light
--mbx-field-text-dark	--mbx-field-text	--mbx-field-text-dark
--mbx-field-background-hover	/	/
--mbx-field-background-hover-light	--mbx-field-background-hover	--mbx-field-background-hover-light
--mbx-field-background-hover-dark	--mbx-field-background-hover	--mbx-field-background-hover-dark
--mbx-field-text-hover	/	/
--mbx-field-text-hover-light	--mbx-field-text-hover	--mbx-field-text-hover-light
--mbx-field-text-hover-dark	--mbx-field-text-hover	--mbx-field-text-hover-dark
--mbx-field-error-border	/	/
--mbx-field-error-border-light	--mbx-field-error-border	--mbx-field-error-border-light
--mbx-field-error-border-dark	--mbx-field-error-border	--mbx-field-error-border-dark
--mbx-field-error-text	/	/
--mbx-field-error-text-light	--mbx-field-error-text	--mbx-field-error-text-light
--mbx-field-error-text-dark	--mbx-field-error-text	--mbx-field-error-text-dark

CSS Variables list

--mbx-form-background-light

Fallback	Default
--mbx-form-background	--mbx-background-light

Form background when dark mode is `off'

--mbx-form-background

Fallback	Default
/	/

Fallback value for and

--mbx-form-background-dark

Fallback	Default
--mbx-form-background	--mbx-background-dark

Form background when dark mode is `on'

--mbx-form-text

Fallback	Default
/	/

Fallback value for and

--mbx-form-text-light

Fallback	Default
--mbx-form-text	--mbx-text-light

Form text color when dark mode is `off'

--mbx-form-text-dark

Fallback	Default
--mbx-form-text	--mbx-text-dark

Form text color when dark mode is `on'

--mbx-form-submit-background

Fallback	Default
/	/

Fallback value for --mbx-form-submit-background-light and --mbx-form-submit-background-dark

--mbx-form-submit-background-light

Fallback	Default
--mbx-form-submit-background	mbx-button-background-light

Form submit button background when dark mode is `off'

--mbx-form-submit-background-dark

Fallback	Default
--mbx-form-submit-background	mbx-button-background-dark

Form submit button background when dark mode is `on'

--mbx-form-submit-text

Fallback	Default
/	/

Fallback value for --mbx-form-submit-text-light and --mbx-form-submit-text-dark

--mbx-form-submit-text-light

Fallback	Default
--mbx-form-submit-text	mbx-button-text-light

Form submit button text color when dark mode is `off'

--mbx-form-submit-text-dark

Fallback	Default
--mbx-form-submit-text	mbx-button-text-dark

Form submit button text color when dark mode is `on'

--mbx-form-field-background

Fallback	Default
/	/

Extended from FormField - Fallback value for --mbx-form-field-background-light and --mbx-form-field-background-dark

--mbx-form-field-background-dark

Fallback	Default
--mbx-form-field-background	--mbx-field-background-dark

Extended from FormField - FormField background when dark mode is off

--mbx-form-field-background-light

Fallback	Default
--mbx-form-field-background	--mbx-field-background-light

Extended from FormField - FormField background when dark mode is on

--mbx-form-field-text

Fallback	Default
/	/

Extended from FormField - Fallback value for --mbx-form-field-text-light and --mbx-form-field-text-dark

--mbx-form-field-text-light

Fallback	Default
--mbx-form-field-text	--mbx-field-text-light

Extended from FormField - FormField text color when dark mode is off

--mbx-form-field-text-dark

Fallback	Default
--mbx-form-field-text	--mbx-field-text-dark

Extended from FormField - FormField text color when dark mode is on

--mbx-form-field-background-hover

Fallback	Default
/	/

Extended from FormField - Fallback value for --mbx-form-field-background-hover-light and --mbx-form-field-background-hover-dark

--mbx-form-field-background-hover-light

Fallback	Default
--mbx-form-field-background-hover	--mbx-field-background-hover-light

Extended from FormField - FormField background when dark mode is off, on hover

--mbx-form-field-background-hover-dark

Fallback	Default
--mbx-form-field-background-hover	--mbx-field-background-hover-dark

Extended from FormField - FormField background when dark mode is on, on hover

--mbx-form-field-text-hover

Fallback	Default
/	/

Extended from FormField - Fallback value for --mbx-form-field-text-hover-light and --mbx-form-field-text-hover-dark

--mbx-form-field-text-hover-light

Fallback	Default
--mbx-form-field-text-hover	--mbx-field-text-hover-light

Extended from FormField - FormField text color when dark mode is off, on hover

--mbx-form-field-text-hover-dark

Fallback	Default
--mbx-form-field-text-hover	--mbx-field-text-hover-dark

Extended from FormField - FormField text color when dark mode is on, on hover

--mbx-form-field-error-border

Fallback	Default
/	/

Extended from FormField - Fallback value for --mbx-form-field-error-border-light and --mbx-form-field-error-border-dark

--mbx-form-field-error-border-light

Fallback	Default
--mbx-form-field-error-border	--mbx-field-error-border-light

Extended from FormField - FormField error box border color when dark mode is off

--mbx-form-field-error-border-dark

Fallback	Default
--mbx-form-field-error-border	--mbx-field-error-border-dark

Extended from FormField - FormField error box border color when dark mode is on

--mbx-form-field-error-text

Fallback	Default
/	/

Extended from FormField - Fallback value for --mbx-form-field-error-text-light and --mbx-form-field-error-text-dark

--mbx-form-field-error-text-light

Fallback	Default
--mbx-form-field-error-text	--mbx-field-error-text-light

Extended from FormField - FormField error box text color when dark mode is off

--mbx-form-field-error-text-dark

Fallback	Default
--mbx-form-field-error-text	--mbx-field-error-text-dark

Extended from FormField - FormField error box text color when dark mode is on

--mbx-field-background

Fallback	Default
/	/

Extended from FormField - Fallback value for --mbx-field-background-light and --mbx-field-background-dark

--mbx-field-background-dark

Fallback	Default
--mbx-field-background	--mbx-field-background-dark

Extended from FormField - FormField background when dark mode is off

--mbx-field-background-light

Fallback	Default
--mbx-field-background	--mbx-field-background-light

Extended from FormField - FormField background when dark mode is on

--mbx-field-text

Fallback	Default
/	/

Extended from FormField - Fallback value for --mbx-field-text-light and --mbx-field-text-dark

--mbx-field-text-light

Fallback	Default
--mbx-field-text	--mbx-field-text-light

Extended from FormField - FormField text color when dark mode is off

--mbx-field-text-dark

Fallback	Default
--mbx-field-text	--mbx-field-text-dark

Extended from FormField - FormField text color when dark mode is on

--mbx-field-background-hover

Fallback	Default
/	/

Extended from FormField - Fallback value for --mbx-field-background-hover-light and --mbx-field-background-hover-dark

--mbx-field-background-hover-light

Fallback	Default
--mbx-field-background-hover	--mbx-field-background-hover-light

Extended from FormField - FormField background when dark mode is off, on hover

--mbx-field-background-hover-dark

Fallback	Default
--mbx-field-background-hover	--mbx-field-background-hover-dark

Extended from FormField - FormField background when dark mode is on, on hover

--mbx-field-text-hover

Fallback	Default
/	/

Extended from FormField - Fallback value for --mbx-field-text-hover-light and --mbx-field-text-hover-dark

--mbx-field-text-hover-light

Fallback	Default
--mbx-field-text-hover	--mbx-field-text-hover-light

Extended from FormField - FormField text color when dark mode is off, on hover

--mbx-field-text-hover-dark

Fallback	Default
--mbx-field-text-hover	--mbx-field-text-hover-dark

Extended from FormField - FormField text color when dark mode is on, on hover

--mbx-field-error-border

Fallback	Default
/	/

Extended from FormField - Fallback value for --mbx-field-error-border-light and --mbx-field-error-border-dark

--mbx-field-error-border-light

Fallback	Default
--mbx-field-error-border	--mbx-field-error-border-light

Extended from FormField - FormField error box border color when dark mode is off

--mbx-field-error-border-dark

Fallback	Default
--mbx-field-error-border	--mbx-field-error-border-dark

Extended from FormField - FormField error box border color when dark mode is on

--mbx-field-error-text

Fallback	Default
/	/

Extended from FormField - Fallback value for --mbx-field-error-text-light and --mbx-field-error-text-dark

--mbx-field-error-text-light

Fallback	Default
--mbx-field-error-text	--mbx-field-error-text-light

Extended from FormField - FormField error box text color when dark mode is off

--mbx-field-error-text-dark

Fallback	Default
--mbx-field-error-text	--mbx-field-error-text-dark

Extended from FormField - FormField error box text color when dark mode is on