#dalist_code
1 messages · Page 1 of 1 (latest)
👋 Welcome to your new thread!
⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.
⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.
🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1448596234771365952
📝 Have more to share? Add more details, code, screenshots, videos, etc. below.
What attribute not working excatly ? Do you have a live sandbox code that I can try ?
The background seems updated here to black ?
You mean the outside container ?
I mean the container is not taking the background color of the actual background
Wihch container, can you circle it please ?
Also can you please copy/past you full æppearance object here ?
this background, must be slate
Got it. checking...
The above appearance object is truncated, can you share the complete one here please?
sure gimme a minute please
I've tried even turning the background red, but it still stays black for some reason
So you want to change the balck background to the dark blue color ?
yep, that's right
but as I understand it's controlled by StripeElement which is sitting behind a protected iframe
That color is applied to your div on which you mounted the PaymentElement
Check this
I tried your exact appearance object
The background you are referring to it for the div you use to mount the PaymentElement
oh okay gimme a sec lemme try
👋 Hi there! I'm taking over for my colleague. Let me take a look
What styles are shown on the stripe-payment-element-wrapper div after the Payment Element loads?
Hi, on it
The same as @real wren, I also see that the Payment Element is transparent, and shows the background colour of the div where it's mounted
For some reasons it seems like your page body's background is beeing picked here. Can you add !important to the background-color of the element div or use just background ?
I see that it's also happening around the Stripe developer UI at the bottom-right
Do you have some sort of dark mode setup? I see the use of color-scheme: light dark
oh okay
you are right
that's what caused it
but it's weird though, because the background of the input fields were changing
I think Stripe must have a better way of handling this
only the container was not properly being affected, why would that be?
hi! I'm taking over this thread.