Open ptahchiev opened 8 months ago
Can you try adding color-scheme dark to your project IDK if it will make google's iframe to render in dark https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
Hello, thank you for your reply. Where do I need to put this CSS property?
:root similar to mdn example
I tried - no effect.
I removed the color-scheme altogether from my css, and the button now renders correctly in both dark and light themes (I have a switch that changes data-theme="light" / "dark" in my application.
How did you remove the color-scheme?
I just had :root { color-scheme: light dark; } in my index.css and removed that line, for some reason this made it work.
I just had :root { color-scheme: light dark; } in my index.css and removed that line, for some reason this made it work.
Thank you
I was hoping to create a dark version of the button by setting
theme
to"filled_black"
, but the result is this:As you can see there's a white background in the iframe and it looks terrible. I was unable to overrride it with CSS because it is an iframe