# Checkout Customization

## Light Mode vs Dark Mode <a href="#light-dark-mode" id="light-dark-mode"></a>

**Visit:** [**https://upgrade.chat/settings?section=branding**](https://upgrade.chat/settings?section=branding)

Selecting Light Mode vs Dark Mode will switch the customer experience for checkout by inverting colors.

![Light Mode (Normal)](https://3870626768-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtjPa0xRhBiePPCK7pK%2F-MiqrJRs0k4TOt-_demo%2F-MiqrzcN_kFLXGR9UwXm%2Fimage.png?alt=media\&token=5eb4115f-f2e9-48d1-b2bc-451638fe4868)

![Dark Mode](https://3870626768-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtjPa0xRhBiePPCK7pK%2F-MiqxngGIMhRkegvXNR9%2F-MiqxqT2zaKm-otu2v9k%2Fimage.png?alt=media\&token=e85286b0-3917-4928-9b05-4471e1608b81)

## Color Theme Selection <a href="#themes" id="themes"></a>

![Color Selection](https://3870626768-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtjPa0xRhBiePPCK7pK%2F-MirDfcJR-a-ywzg6hQf%2F-MirE25c-JOiSDyoYRhC%2Fimage.png?alt=media\&token=258e7e48-c16c-41b5-99ec-f8eff8218c62)

With the color selection portion of the branding area, you can select the colors for your checkout page to match your branding. You can preview the changes before saving.

![](https://3870626768-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtjPa0xRhBiePPCK7pK%2F-MirDfcJR-a-ywzg6hQf%2F-MirEX0bNckYK59yKHwh%2Fimage.png?alt=media\&token=6e1b35dd-b624-482c-83b3-30d5e057dc19)

## Cover Photo Banner

You can upload a Cover Photo Banner for your Checkout Page for your Merchant Account. **These can be different from your chatroom profile / cover photos.**

**The dimensions are as follows:**

![](https://3870626768-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtjPa0xRhBiePPCK7pK%2F-MirDfcJR-a-ywzg6hQf%2F-MirFCODUU3aoZp0kFhl%2FCover_Photo_Template.png?alt=media\&token=79f0ac8d-5ff2-40ff-a196-8cec08deba0d)

The end result will look like this for your checkout page:&#x20;

![](https://3870626768-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtjPa0xRhBiePPCK7pK%2F-MirDfcJR-a-ywzg6hQf%2F-MirFVNiQYsG5oJCk-IF%2Fimage.png?alt=media\&token=de038d0d-8444-4ffd-a95e-e24d149152c9)

## White Labeling Checkout <a href="#white-label" id="white-label"></a>

When you upload a logo (IF your account is PRO) it will replace the top Upgrade.Chat logo as well as add the logo icon into the center of the checkout page.&#x20;

![](https://3870626768-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtjPa0xRhBiePPCK7pK%2F-MirFg1d80v-Q7_wbVJs%2F-MirGWyuEJC9D1A8U90T%2Fimage.png?alt=media\&token=0b03d97e-3271-4ded-970c-a9a944b080c4)