hcaptcha has alignment issues causing ugly white background to show up in darkmode

[tilkinsc]

Reproduced on both edge and firefox. Version 1.10.1

			<HCaptcha
				sitekey="10000000-ffff-ffff-ffff-000000000001"
				onVerify={(token, eKey) => 1}
				reCaptchaCompat={false}
				/>

I have dug into the html and it appears that the body of the iframe that gets injected is at fault. On the left, you can see me editing around with the style of the html as shown below. On the right thats the vanilla code you see above.

I am using vite, bootstrap, and react-router-dom. This background doesn't seem respective to those being present. Proven by deleting all the css on the page, as shown below.

[zoryana94]

Hi @tilkinsc,

Thank you for notifying us about the issue!
We will keep you posted

Best Regards
hCaptcha Dev Team

[Red-Killer]

Yep got the same issue looks very ugly

[e6e29121]

I've found a temporary solution to the problem, just add color-scheme: normal; to the global CSS configuration like this:

* {
    color-scheme: normal;
}