> ## Documentation Index > Fetch the complete documentation index at: https://crossmint-wallets-docs-2-5.mintlify.site/llms.txt > Use this file to discover all available pages before exploring further. # Customize Style > Adapt UI elements of the Embedded Checkout Checkout the [Crossmint Playground](https://playground.crossmint.com/checkout/embedded) to play with a live demo and theming options! Customize the style of the embedded checkout by adding a `uiConfig` object to the `CrossmintPaymentElement`: ```javascript react theme={null} ``` ```javascript vue theme={null} ``` ```javascript vanilla js theme={null} ``` If you are only displaying **Google Pay** and **Apple Pay**, the card form is not required. To hide it, you can set `hideCardForm` to `true`. ## Themes Explore the following templates: ## Property Reference ### Background Color {" "} Sets the background color of the checkout element. background screenshot example

{" "} Sets the background color of the input fields. backgroundSecondary screenshot example

Sets the background color of the payment button. backgroundTertiary screenshot example

### Text Color Sets the color of the text on the input labels, placeholders, and terms of service. textPrimary screenshot example

{" "} Sets the color of the text on the payment button. textSecondary screenshot example

{" "} Sets the color of the input field borders when active. border screenshot example

{" "} Sets the color of the input field borders and error messages that appear when there is an error. danger screenshot example

{" "} Sets the color of terms of service hyperlinked text. textLink screenshot example

### Typography {" "} Sets the font size for all text elements. The default value is `0.91rem`. fontSizeBase screenshot example

{" "} Sets the font weight of all the input placeholders. fontWeightPrimary screenshot example

{" "} Sets the font weight of all input labels. fontWeightSecondary screenshot example

### Input Fields {" "} Sets the height of all input fields. The default value is: `0.274rem`. spacingUnit screenshot example

{" "} Sets the border radius of all input fields. borderRadius screenshot example