Dark Mode

favicon
Gravity Painter Favicon

Dark Mode Theme

This form features the dark mode theme.

Step 1 of 2

Hidden

Expert Form Tip: Sync an Email Add-On

To get the most out of your form, we suggest that you sync this form with an email add-on. To learn more about your email add-on options, visit this link.

Important: Delete this tip before you publish the form.

Untitled
Name
Choose all that apply.
Email

We've styled every field!

Continue scrolling to see all of them.
Checkboxes
Radio Buttons
It’s beautiful!
MM slash DD slash YYYY
Click the date field to see how stunning the calendar design is.
Time
:
Max. file size: 512 MB.
List

Separate tags with commas

Post Image
Accepted file types: jpg, jpeg, png, gif.
Consent
Already have an account? Login!

Power Up Your Gravity Forms with the All NEW Dark Mode Theme for 2.5 & Later Versions

Dark Mode
Dark Mode.

Dark Mode Theme

This form features the dark mode theme.

Step 1 of 2

Hidden

Expert Form Tip: Sync an Email Add-On

To get the most out of your form, we suggest that you sync this form with an email add-on. To learn more about your email add-on options, visit this link.

Important: Delete this tip before you publish the form.

Untitled
Name
Choose all that apply.
Email

We've styled every field!

Continue scrolling to see all of them.
Checkboxes
Radio Buttons
It’s beautiful!
MM slash DD slash YYYY
Click the date field to see how stunning the calendar design is.
Time
:
Max. file size: 512 MB.
List

Separate tags with commas

Post Image
Accepted file types: jpg, jpeg, png, gif.
Consent
Already have an account? Login!

Once you choose a theme, easily toggle between modern color palettes.

Requirements

Gravity Forms

Quickly build complex powerful forms, polls, quizzes and more.

Get Gravity Forms

Gravity Painter

Instantly toggle between pixel-perfect themes and choose between color palettes.

Get Gravity Painter

Compatible Fields

Standard Advanced Post Pricing

Ready Classes

buttonized1, buttonized2, buttonized3, buttonized4 – This ready class works for radio and checkbox fields. The number appended to the end of the ready class determines how many options you want to display horizontally. What’s a ready class?

Configuration

The dark mode theme does not require any special configuration.

To properly configure this theme, go to forms > settings > themes > select “Dark Mode”. It is recommended to enable the Optimize CSS Delivery option for forms that are visible immediately on page load.

Or see some of our other demos!

Light mode
Light mode theme
Chat Form
Chat Form
Multi-Page Form Design
Multi-Page