Every form in a MAM app — your Contact Us form, a Gravity Forms-backed survey, a sign-up form — is rendered natively by the app, not in a web view. That’s why your website’s CSS can’t touch it: instead, a small set of app-side color settings does the job. This article walks you through setting those colors, with extra attention to the submit button, which has its own background, text, and border colors to set.

These settings are global to every form in a given app — change them once, and every form screen picks up the new look.

What you can style

Form styling in MAM comes down to a set of color choices, all set from one place, and they apply to every form the app renders.

Those three Button rows are what shape the submit button, and they work independently — you could give it a light fill, dark text, and a contrasting border, for example.

Where to find the settings

You’ll find all the styling controls in one place: the App Screen Settings tab of the Forms Manager.

1. In WordPress admin, open Mobile App Mgr → Forms Manager.
2. Click the App Screen Settings tab at the top of the page.
3. You’ll see a list of color pickers, one for each row in the table above.

The Forms Manager also has General Settings and Field Settings tabs, but those control which forms are exposed and per-field behavior — styling lives only on App Screen Settings.

How to style the submit button

1. Go to Forms Manager → App Screen Settings (see above).
2. Set the three button colors:
   • Button Background color — the fill behind the button label.
   • Button Text color — the label text; make sure it contrasts with whatever background you chose.
   • Button Border color — the outline around the button. Want a borderless, filled look? Set this to match the background.
3. Set any of the other form-screen colors you want to change in the same pass.
4. Scroll down and click Save.

Saving reloads the page, and you’ll see your saved colors back in the pickers — though the app itself won’t show the new look until it next loads its form data (more on that in When changes appear, below).

Picking colors that work

• Contrast matters most on the button. It’s the call to action on the form, so low contrast between Button Text color and Button Background color makes it hard to read — aim for a clear light-on-dark or dark-on-light pairing.
• Match your brand, not just your website. Forms render natively, so these colors are the only thing controlling their look — nothing here is inherited from your theme’s CSS.
• Watch the error color against the background. Make sure Error Message color stays legible against Form background color, or validation messages will be easy to miss.

Defaults and where they come from

If form colors have never been set for an app, MAM seeds them from your app’s theme colors — so forms never look unstyled out of the box:

• Anything with a “dark” default starts out using your app’s Theme Color Dark — so your forms match your brand before you touch a thing.
• Anything with a “light” default works the same way, pulling from your app’s Theme Color Light.

The out-of-the-box defaults for the submit-button colors are:

This seeding only happens once, the first time an app’s settings are initialized — after that, whatever you’ve saved takes over. If you haven’t set your Theme Color Dark / Theme Color Light yet, the Forms Manager will show you just those two pickers instead of the full color list. Set them first; the form colors derive from them.

How the colors reach the app

You don’t need to know any of this to use the feature day to day, but it’s useful background when something’s not behaving as expected.

• Form colors are stored per app (per account), not as global WordPress options — they live in a dedicated table keyed by account code, so if you run a multi-app install, each app can have its own form styling.
• When the app requests its data, the saved colors travel along in the form’s payload — the bundle of data the app downloads from your site — under the form’s settings. The app reads those values and paints the form screen and submit button accordingly.

Since these values live inside the app’s data feed, a change isn’t live the instant you click Save — the app only sees it on its next data refresh.

When changes appear

• Saving updates the stored values immediately in WordPress.
• The app picks up the new colors the next time it loads form data — depending on how it caches, that might be on next launch, or next time the form opens, rather than right away.
• If your app has a caching/refresh control for its data feed, use it after saving to pull the new look in right away.

Scope and limitations

• Styling is app-wide for forms, not per-form. These colors apply to every form the app renders — there’s no per-form override in this UI.
• It is color-only. This screen controls colors — backgrounds, text, outlines, the button’s fill/text/border — nothing about fonts, corner radius, button size, or spacing.
• It covers the submit button, not in-form buttons you add yourself. The “Button” colors here belong to the form’s submit/action button; other buttons elsewhere in the app — tab bar, home-screen action buttons — are styled in their own settings, not here.

Troubleshooting

The app’s form still shows the old colors.
That’s just caching — reload or refresh the app’s data feed (or relaunch the app) after saving. See When changes appear.

I only see Theme Color Dark and Theme Color Light, not the form colors.
That means your app’s theme colors haven’t been set yet. Set Theme Color Dark and Theme Color Light and save — the full list of form colors will appear, seeded from those two values.

The submit button text is hard to read.
Button Text color and Button Background color are probably too close in value — increase the contrast between them. If the border is competing for attention too, set Button Border color to match the background for a clean, filled look.

My changes did not save.
Double-check you clicked Save on the App Screen Settings tab — each tab saves independently. And if you’re working in a multi-app install, confirm you’re editing the right app, since colors are stored per account.

Related

• Plugin: mam-contact-form — the most common form to style.
• Setting up a Gravity Forms-backed form — forms designed in Gravity Forms render with these same colors.
• App theme colors (Theme Color Dark / Theme Color Light) — the source of the seeded defaults.

Verification

This article was last verified against:

• mam-main/includes/forms-manager/admin-settings.php — color setting definitions, defaults, save handling, and the App Screen Settings tab.
• mam-main/includes/forms-manager/forms-manager-main.php — Forms Manager menu registration.
• mam-main/includes/app-settings/app-settings-data-manager.php — per-account storage via mam_app_settings_get_form_colors / mam_app_settings_set_form_colors.
• mam-main/includes/forms-manager/phone-manager.php — colors injected into the form payload (prefix gravity-forms-settings- stripped).

Re-verify whenever the App Screen Settings color list changes, the submit-button setting labels or defaults change, the per-account color storage scheme changes, or the Forms Manager menu/tab structure is reorganized.