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. | ![]() |