# MD for: https://www.mercadopago.com.br/developers/pt/docs/checkout-bricks/additional-content/set-theme.md

\> CLIENT\_SIDE > > h1 > > Set theme By default, the Checkout Bricks is instantiated/rendered with the default theme. However, it is possible to select another theme by setting the "theme" parameter when instantiating/rendering the Brick. \`\`\`javascript const bricks = mp.bricks({ theme: 'dark' }); \`\`\` If you set the theme on the \*\*instantiation of the Brick class\*\*, the theme change will be applied to all Bricks that can be instantiated. On the other hand, if the theme is set on \*\*render\*\*, changes to the theme will only be reflected in the Brick being created as the \`JavaScript\` shown below. 

* [javascript ](#editor%5F1)
* [react-jsx ](#editor%5F2)
javascript react-jsx 

```
const settings = {
  ...,
  customization: {
  visual: {
  style: {
  theme: 'dark' | 'default' | 'bootstrap' | 'flat'
  }
  }
  } 
}
```

Copiar 

```
const customization = {
 visual: {
  style: {
  theme: 'dark' | 'default' | 'bootstrap' | 'flat'
  }
 }
};
```

Copiar