## Change the visual customization of Elements using the Appearance API

Change the visual customization of Elements created with Custom
Checkout using the [Appearance API](/elements/appearance-api.md)

**Syntax:** `checkout.changeAppearance(...)`

- `appearance` (object) **required**
  Match the design of your site with the [appearance option](/elements/appearance-api.md).
The layout of each Element stays consistent, but you can modify colors, fonts, borders, padding, and more.

### Change the visual customization of Elements

```js
checkout.changeAppearance({
  theme: 'night',
  labels: 'floating',
});
```

```es_next
checkout.changeAppearance({
  theme: 'night',
  labels: 'floating',
});
```