#samurebuelta6

1 messages · Page 1 of 1 (latest)

mortal templeBOT
dire ibex
#

So is this a webview embedded within the android app?

dawn hornet
#

yes, its an Ionic app

dire ibex
#

Hm so this is tricky because I don't have any familiarity with Ionic, nor do we have official libraries for Ionic or Angular. Those would all be third party, so not sure how much I'll be able to help investigate the issue here. Since your device is in darkmode, it seems expected that the webview/browser would use that to render the page. However, I have no idea how your Ionic app can signal to the webview to use the same mode that the app is in (lightmode).

dawn hornet
#

Is there any config or way to force the background? the theme property is not working...

dire ibex
#

But no idea how that works with ngx-stripe

dawn hornet
#

ngx stripe does not customize any behaviour, just wrap the html and js to add as angular component, but the config object is the same as vanilaJS way

dire ibex
#

gotcha

#

so you should be able to use the above then

#

Although your device's dark mode settings might force a dark background for webpages in the mobile browser

dawn hornet
#

ok I'll try this. Thank you so much!

dire ibex
#

No problem

dawn hornet
#

I changed the fields background with the variables, but the container background still black 😦

image.png
#

To change the background I have to override the p-HeightObserverProvider

image.png
#

But its not possible to configure

dire ibex
#

Not familiar with Ionic, but you should look into if there's a way to have webviews inherit the app's dark/light setting rather than the device's. May not be possible

dawn hornet
#

Its not a webview inside the app, Ionic runs in a webview

dire ibex
#

Ok. Yeah I'm not familiar with how it works

dire ibex
#

Getting a colleague to take a look rn

fringe verge
fringe verge
#

You should be able to control this outside of the appearance api by setting the background colour of your placeholder <div id="payment-element" /> or it's container

#

The background within the payment element should be transparent to its container

#

I don't know what ngx-stripe is doing, but perhaps you can apply a background color to the parent where you insert <ngx-stripe-payment>

dawn hornet
dawn hornet