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>