Option to disable dark mode on embedded forms

Hello,

While I love that dark mode is available for the web and native apps, when we want to embed a form on a website that doesn’t have a dark mode (i.e. a light background color), it looks quite jarring to have a dark box on a white page.

I have my system’s appearance settings set to dark mode, so the form is inheriting that, but it would be nice to optionally force light mode in the form embed via a URL parameter or something.

Thanks

1 Like

Hi @scferg , I have also noticed this recently - actually all my forms are in dark mode, either in preview (‘View form’ within the editor) or opening the form from the link, regardless of whether My Settings > Display is in light mode or dark mode.

Hi @Marie , is this a bug or part of an A/B test?

@pforumleader s, have you also noticed this with your forms?

Hi @scferg + @Richard_Sather and thanks for the report. Let me check with our team and get back to you once I have an answer!

2 Likes

I’ve been running into the same problem! Thought I could go in and override dark mode by changing a class, but CORS restrictions won’t allow it. My site doesn’t support dark mode, so this ends up looking really out of place. I’d love to have an option to force light mode in the form config.

Hey @Marie , did you get an answer from the team? I’ve had to roll my team off of Asana because of this issue, but would love to bring them back if we could just enforce styling.