Definir tema - Checkout Bricks - Mercado Pago Developers

Definir tema

Client-Side

Por padrão, o Card Payment Brick é instanciado/renderizado com o tema padrão. Contudo, é possível selecionar outro tema definindo o parâmetro "theme" ao instanciar a classe bricks.

javascript

const bricks = mp.bricks({ theme: 'dark' });

Se você definir o tema na instanciação da classe bricks, a alteração do tema será aplicada em todos os bricks que porventura forem instanciados. Por outro lado, se o tema for definido na renderização do brick, as mudanças no tema serão refletidas somente no brick que estiver sendo criado conforme o Javascript mostrado abaixo.

javascript

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