Kadence Theme Dark Mode conflict wit GPay button

Hi @maestrostevens,

The reason the cartflows plugin is affecting the GPay button is because their CSS styling is overriding the Stripe plugin’s CSS styling. Apple Pay uses a Safari specific selector for styling so Cartflows wouldn’t override that.

Your Kadence theme is using a special CSS property called color-scheme. The color scheme styling is correctly updating the GPay button’s color to white, however, the GPay button’s content which includes the GPay graphic and text is all hosted in an iFrame rendered by the GPay JS script. That iFrame is not part of your site’s html and thus will not change with the theme update.

Your best option is to add the following CSS:

body.color-switch-dark button.gpay-card-info-container{
    color-scheme: light !important;
}

Which will keep the GPay button dark when the dark theme is enabled.

Kind Regards,