You can stylize your checkout for a dark and light mode and it will show depending on what the user has set on their device.

1. Navigate to the Checkout Style Settings

Action

Visuals

Click on "Settings" in the top navigation bar.

Once on the Settings page click on "Style" in the left-hand menu.

Now you are in the main Campaign Design area and you will click on "Theme" from the right sidebar menu.

2. Configure the Dark & Light Mode Settings

Action

Visuals

You can choose to configure your settings for a Light, Dark or Auto mode. The Auto will show automatically based on what the viewer has setup on their device.

Choose your font for your campaign from the dropdown list here.

The colors can be customized for the button and the background.

If you choose Auto mode then you can customize the colors for both settings in the same area.

You can then preview how the different modes look by clicking on the "Light" and "Dark" buttons on the top left of the Campaign Design window.

When you are done configuring your settings hit the "Save" button to save it as your checkout's default styling.

Did this answer your question?