Light/Dark mode switcher with variables mode

Hello guys, I don’t know if any of you have tried to set up a dynamic change between light/dark mode on a site with the latest Webflow theme management (Theme base mode / dark mode) and a change via a toggle.I’m currently experiencing a problem:

  • My variables are set up correctly between Base mode and dark mode.
  • When I change themes manually in the Webflow editor, everything changes as it should.
  • I’ve tried playing with custom code so that when a user clicks on the toggle it changes mode, in the console log, with each click, the change works between base and dark mode, but the styles don’t apply…
  • I’ve tried looking at made in webflow or youtube tutorials, but I only found the old variable management.

Here’s the preview link: Webflow - Qovoltis

Thank you for your help in advance,


Here is my site Read-Only: Webflow - Qovoltis

Preview mode currently cannot execute JS, so make sure to test the staging site. That seems to be working as intended on Chrome-