Por que o iframe não está com o background transparente?

[Gaimo]

Não existe uma propriedade para alterar a cor do background do input.
[Fields] cardNumber - Property 'backgroundColor' is not an allowed style.

Como eu posso resolver esse problema?

[meliguicarvalho]

Ola @Gaimo, como esta?
Acredito que essa discussão pode te ajudar:#195

[Gaimo]

Obrigado, funcionou! Testei de algumas formas envolver em uma div com color-scheme: none e sem sucesso, mas deixando todo o site com o color-scheme: light funcionou.

[AleFossati]

Olá @Gaimo, tudo bem? Nós lançamos a algum tempo, uma atualização onde caso o brick esteja com o tema dark, os inputs seguros do cartão deveriam ter o fundo dark também, independente da configuração de color-scheme do site.

Poderia nos dizer como obteve o resultado do print que você enviou, onde o brick está no tema dark, mas os inputs estão com fundo branco? Tentei replicar o seu cenário de algumas maneiras diferentes aqui, mas não consegui.

[Gaimo]

Olá, @AleFossati, tudo certo e com você? Descobri o que está causando esse problema, é o Viewport do next.js

export const viewport: Viewport = {
  colorScheme: 'dark',
  themeColor: '#0A0A0A',
};

https://github.com/Gaimo/mp-demo

Se retirar o viewport funciona normalmente.

Além disso, eu não estou usando o brick, não gosto do loading que ele tem.

[Gaimo]

Ou se alterar o colorScheme do Viewport para outra coisa que não seja 'dark' também funciona.

[AleFossati]

Ah sim, entendi. Olhando o print que você postou assumi que estava usando bricks, mas pela implementação agora vejo que você está usando o card form.

Na resposta você informou que alterou para o color-scheme para light e funcionou, mas você conseguiu de alguma forma no tema escuro deixar o background dos inputs do cartão escuros também, acompanhando o seu tema?

[Gaimo]

Ao colocar o color-scheme para light o background do input fica transparente.

[AleFossati]

Perfeito, obrigado pelos detalhes.