What Primary Color Effects Do
Primary Color Effects automatically apply your selected brand color to elements when a visitor interacts with them.
The color may appear when a visitor:
Hovers over a field.
Clicks or types in a field.
Opens or selects a dropdown option.
Selects a checkbox or radio button.
Chooses a date.
Uses file upload or signature fields.
If no Primary Color is selected, the form uses the default neutral styling.
Benefits of Primary Color Effects
Primary Color Effects help keep Forms, Surveys, and Quizzes visually consistent with your brand. They also improve usability because active fields, selected options, and focused elements are easier for visitors to identify. Use this setting to reduce manual styling work and keep interaction states consistent across your form experience.
How Primary Color Appears on Form Fields
Input fields use the Primary Color to highlight the field border when the visitor clicks, focuses, or interacts with the field.
How Primary Color Appears on Dropdowns
Dropdown fields use the Primary Color on selected or active dropdown options.
How Primary Color Appears on Checkboxes and Buttons
Checkboxes use the Primary Color when selected. Buttons can also match the Primary Color when the button color is mapped to the Primary Color setting.
How Primary Color Appears on Date Pickers
Date picker selections use the Primary Color to highlight the active or selected date.
Open the Style Settings
To change the Primary Color:
Open the Form, Survey, or Quiz builder.
Click the style/settings icon on the right side of the builder.
Open the Styles tab.
Go to Colors & Background.
Change the Primary Color
In the Styles tab, find the Primary Color field under Colors & Background. Click the Primary Color selector to choose a color.
Enter a Custom Color
Use the color picker or enter a custom HEX color code. After selecting the color, save the builder changes.
Your Form, Survey, or Quiz automatically updates interactive elements to use the selected Primary Color.
Common Issues and Fixes
The Primary Color is not visible
Primary Color Effects appear during interaction. Hover, click, type, select, or open a field to see the color.
Buttons are not using the Primary Color
Buttons only use the Primary Color when the option to map Primary Color to button color is enabled. Otherwise, buttons keep their separate style settings.
Mobile styling looks different
Mobile devices still show interaction highlights, but hover-specific effects may not appear because mobile users tap instead of hover.
FAQ
Will this affect all Forms, Surveys, and Quizzes?
Yes. Primary Color Effects apply to Forms, Surveys, and Quizzes that use the default styling.
Can I set a different Primary Color for only one form?
Not currently. The Primary Color applies across Forms, Surveys, and Quizzes in the account.
Can I turn off hover or focus effects?
No. These effects are built in to improve clarity and usability for visitors.
Will mobile devices show the same effects?
Yes. Mobile devices show active and selected states, but hover behavior may not apply to touch screens.
Can I keep a different button color than the Primary Color?
Yes. Leave button color mapping turned off and style buttons separately.