Skip to main content

Dark mode / light theme switching support

Feature Request: Enable Dark/Light Mode Sync for Embedded OpnForms

Currently, OpnForms does not support automatic synchronization with the dark/light mode preferences of websites where forms are embedded. This creates a frustrating mismatch for users who have intentionally chosen a specific theme. For example:

  • A light-colored form appears on a website with a dark theme.

  • A dark-colored form is displayed on a website using a light theme.

This inconsistency disrupts the user experience and can feel unpolished, leaving visitors dissatisfied—especially those who prefer a seamless visual experience that aligns with their chosen mode.

I propose introducing functionality that allows embedded OpnForms to dynamically adjust their color theme based on the website visitor’s preference. This would ensure a cohesive appearance, improve usability, and enhance the overall user experience for both site owners and their audiences.

The functionality actually appears to exist as they have setup light / dark classes but even support can’t get this to work, so is perhaps a bug.

4 comments

Log in to comment and vote

Comments4

  • Julien

    Team•

    Apr 11, 2025

    Hey Andrew thanks for the feature request. Would it be possible for you to privately share the URL of the page where this form is embedded? How would you see this work? Via a JS/code sdk so that you can change the form theme whenever it’s changed on your website?

    • Andrew

      •

      Apr 13, 2025

      Hi Julien, thanks, how do I privately share?

      • Julien

        Team•

        Apr 15, 2025

        julien@opnform.com :) Or directly via the livechat on the website!

        • Andrew

          •

          May 1, 2025

          Thanks Julien, sent email couple days ago.