Understanding the Primary Color in Forms

Overview

The Primary Color setting controls how your form elements look when users interact with them. It automatically applies your chosen brand color to input fields, dropdowns, checkboxes, and other elements — keeping everything visually consistent with your branding.

What the Primary Color Does

When you set a Primary Color, it updates the appearance of several form interactions:

• Form Fields – The border highlights with your primary color when hovered or clicked.

• Dropdowns – Options and borders reflect the primary color when opened or selected.

  

• Checkboxes & Radio Buttons – Selected options fill with your primary color.

  

• Date Picker – The active or selected date is highlighted in your primary color.

• File Uploads & Signature Fields – Borders and sketch colors use your primary color.

These visual effects help users see where they’re clicking or typing while keeping your forms aligned with your brand colors.

When the Color Appears

The primary color appears only when users interact with a form, such as:

• Hovering over a field

• Clicking or typing in a field

• Selecting a checkbox or radio button

• Choosing a date or option

If no primary color is defined, the form uses the default neutral styling.

How to Change Your Primary Color

1. Go to 'Style and Options' on the right side → Styles →Colors and Backgrounds

2. Find the Primary Color field.
   

3. Select a color or enter a custom hex code.

4. Click Save.

Your forms will automatically update to use the new color for all interactive elements.

Why It Matters

The Primary Color feature keeps your forms looking professional, cohesive, and on-brand — without needing any design experience. It also improves accessibility by making active and selected elements easier to see.

Common Questions

Will this affect all forms?
Yes. All forms using the default styling will update automatically when you change your primary color.

Can I set a different color just for one form?
Not right now. The primary color applies across all forms under your account.

Can I turn off the hover or focus effects?
No. These effects are built in to improve clarity and usability for your form visitors.