> For the complete documentation index, see [llms.txt](https://docs.upgrade.chat/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.upgrade.chat/features/checkout-customization.md).

# 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)](/files/-MiqrzcN_kFLXGR9UwXm)

![Dark Mode](/files/-MiqxqT2zaKm-otu2v9k)

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

![Color Selection](/files/-MirE25c-JOiSDyoYRhC)

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.

![](/files/-MirEX0bNckYK59yKHwh)

## 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:**

![](/files/-MirFCODUU3aoZp0kFhl)

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

![](/files/-MirFVNiQYsG5oJCk-IF)

## 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;

![](/files/-MirGWyuEJC9D1A8U90T)