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.
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>