[Blackened] Trying to get the Cloudflare captcha to be dark like it is on the default xenforo style

[latropa]

It looks like this now:

I asked chatgpt and it told me to change the Color palette from the default light to dark but that messed up other areas of the theme so I changed it back to dark.

Then it told me to add data-theme=dark to AppearanceStyles > My Darkened Style - Templates > captcha_turnstile like this:

<xf:js src="xf/captcha.js" min="1" />

<div data-xf-init="turnstile" data-sitekey="{$siteKey}" data-action="{$context}" data-theme="dark"></div>

And that still didn't work so I'm asking here now instead of letting ChatGPT take me on another wild goose chase.

 

[Russ]

So, this is indeed a problem unique to Blackened Pro. It's an old XF1 style that was ported to XF2, when XF 2.2 introduced dark mode, it was never officially deemed a "dark style" in the eyes of the style system. We had to make a lot of changes to update it which probably would have broken many users styles (like you saw when switching it) so we left it alone.

I think there's a super easy fix though, open PAGE_CONTAINER and find:

data-app="public"

Add right below:

data-color-scheme="dark"

Like so:

This will make it so Cloudflare recognizes the style as dark while letting XenForo still serve the normal style colors (when you switch to dark, it changes how it calculates color codes).

Let me know if that works for you.