CodePen Embed - Box de Doação PagSeguro Dark Mode

<div id="doar-pagseguro" data-receiveremail="testepagseguro2@ricardomartins.net.br" data-title="Ajude as crianças do Brasil" data-logo="https://i.imgur.com/sW37u1h.png"></div>

<script src="https://cdn.jsdelivr.net/gh/r-martins/doacao-pagseguro@1/dist/js/chunk-vendors.js"></script>
<script src="https://cdn.jsdelivr.net/gh/r-martins/doacao-pagseguro@1/dist/js/app.js"></script>
<link href="https://cdn.jsdelivr.net/gh/r-martins/doacao-pagseguro@1/dist/css/app.css" rel="stylesheet">

#doar-pagseguro .mainForm {
  background-color: #3a3333;
  color: #e8e8e8;
}
#doar-pagseguro .logo img {
  filter: grayscale(80%) brightness(72%) invert(103%);
}

#doar-pagseguro .amounts .option {
  color: #000;
}

#doar-pagseguro .frequency button {
  color: #000;
}

#doar-pagseguro .active{
  background-color: #b1afaf;
  color: #000;
  font-weight: bold;
}

#doar-pagseguro a {
  color: #fff;
  font-weight: bold;
}

This Pen is owned by Ricardo on CodePen.

See more by @ricardomartins on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.