How to change checkout credit card text color on Debut theme?

Technical Q&A
1

I currently have my checkout main content area background set to black with form fields set to transparent:

Screen Shot 2021-06-26 at 12.37.09 PM.png
Screen Shot 2021-06-26 at 12.37.09 PM.png287×392 13.7 KB

I can’t seem to figure out how to get the text in the form input fields to be white.

Screen Shot 2021-06-26 at 12.38.00 PM.png
Screen Shot 2021-06-26 at 12.38.00 PM.png622×350 12.3 KB

The text in the input fields is currently showing up black.

On further inspection I see that these fields are loaded via iframe and have a separate CSS file loaded https://checkout.shopifycs.com/build/inputs-72e93ef96f.css

Can someone provide some guidance on where i would go to set the text color for the input fields to white (#FFFFFF).

I am using the default Debut theme.

2

I have the same issue on a custom theme. Have flagged with support, will respond back with what they say.

3

If you have Plus, you can add the following to checkout.liquid, with #FFFFFF being the color you want:

they don’t have a solution yet for the root problem/non-Plus.