Estilo de cores - Interface de usuário - Mercado Pago Developers

Estilo de cores

O Checkout Pro permite personalizar o estilo de cores dos elementos de sua interface, customizando a forma como será exibido para o usuário.

Dentre as personalizações de cores é possível customizar a cor do cabeçalho e dos elementos do checkout como botões, campos de dados, bordas, elementos de transição e texto.

Importante
A customização de cores e elementos é válida somente para o esquema de abertura modal. Além disso, os atributos de cores devem estar obrigatoriamente em formato hexadecimal, por exemplo, #ff0000.

Para habilitar a edição do estilo de cores no checkout e em seus elementos, adicione o objeto theme e o atributo elementsColor com a cor que deseja aplicar nas opções de inicialização do Checkout Pro conforme exemplo abaixo.

          
<script>
  mp.checkout({
    preference: {...},
    render: {...},
    theme: {
        elementsColor: '#ff0000'.
    }
  });
</script>