How to override default Checkout SDK button colour

[Sooraj_Kumar]

Hi all,

I’m currently working on a mobile app project built on Shopify, and for the checkout process, we’re utilizing the Shopify Checkout SDK. While we’ve been able to customize the checkout extensively from the backend, we’ve encountered an issue with the “Pay Now” button.

By default, the button color is blue, but according to our brand guidelines, it should be red. We’re looking for a way to change the color of the “Pay Now” button to red.

We’ve already referred to the following resources for configuration:

• GitHub - Shopify/checkout-sheet-kit-react-native: Shopify’s Checkout Sheet Kit for React Native - simplifying the process of adding checkout to your native apps.

Any insights or leads on how to customize the button color would be greatly appreciated!

Thanks in advance for your help!