Theme Customization

Mobyform gives you two connected theme workflows:

Use the Theme Designer to style the form you are editing.
Use the Theme Library to apply saved public or personal themes.

Applying a theme replaces visual styling only. It does not change fields, logic rules, publish settings, or collected data.

Theme Designer

Open the Theme tab in the form editor to adjust the current form.

Visual Styling

Color scheme - Theme color, page background, content background, question text, and answer text.
Contrast guard - Low contrast text is detected, with a quick fix to restore readability.
Font system - Question and answer font sizes, plus a font picker for custom fonts.
Visual effects - Input grayscale, input style, and button style presets.

Content Display

Show or hide the form title, description, and form number.
Preview the form language used by built-in field text.
Switch text direction between LTR and RTL for multilingual forms.

Layout Structure

Cover page - Enable a color or image cover, add rich cover content, and choose whether respondents open the form with a button or by scrolling.
Header - Add a logo, set logo alignment, add a header decoration image, and choose a form layout.
Footer and submit button - Show or hide the submit button, edit button text, size, radius, color, spacing, and alignment.
Bottom description - Add supporting footer text when the form needs extra context.
Powered by - Hide Mobyform branding when your plan allows it.

Advanced Settings

Show respondent information at the top of the form when the form requires signed-in users.
Add a text watermark or include the respondent username in the watermark.
Upload a CSS file or paste custom CSS for precise control.
Use the built-in CSS reference for selectors such as .mobyform-form, .mobyform-field, .mobyform-cover, .mobyform-button, .mobyform-input, and field-type selectors.

Custom fonts and advanced custom theme controls may require a paid plan.

Theme Library

Use the theme library when you want to reuse an existing style instead of rebuilding it manually.

Browse Themes

Open the form editor.
Go to Theme.
Open the theme library panel.
Browse All, Mine, or Public themes.
Filter by category or search by theme name or category name.

Only reusable themes with real theme configuration appear in the library. Empty placeholder themes are hidden.

Apply a Theme

Select a theme card.
Review the preview, source badge, and category.
Click Apply.
Confirm the change.

The confirmation step is important: applying a theme updates the form's visual styling, but leaves form content and behavior intact.

Save as My Theme

Save the current form styling when you want to reuse it later.

Style the form in the Theme Designer.
Open the theme library panel.
Choose Save as My Theme.
Enter a theme name.
Choose a category or leave it uncategorized.
Save.

Theme names are required and can be up to 120 characters. You can also create a new personal category while saving. The save dialog shows a preview card based on the current colors and layout.

Theme Categories

Theme categories help keep reusable styles organized.

Public categories are shared categories managed by users with the right permissions.
Personal categories belong to your account and help organize your own themes.
Uncategorized is available when a theme does not need a category.

Users with theme management permission can create, edit, and delete public themes and public theme categories from the management pages.

Safety Notes

Theme preview images must use safe image URLs. HTTP, HTTPS, and blob URLs are supported.
Unsafe image protocols and invalid CSS color values are ignored in theme previews.
Custom CSS can affect the public form experience. Test desktop and mobile previews before publishing.

Next Steps

Form Editor - Learn where the Theme tab fits in the editor
How to Reuse a Theme - Save and apply a reusable form theme
Publishing — Publish and share your form
Form Settings - Configure form behavior