Dynamic Theme Switching in Webflow

Question

Hello guys, je ne sais pas si l’un ou l’une d’entres-vous a essayé de mettre en place un changement dynamique entre light/dark mode sur un site avec la dernière gestion des themes par Webflow (Theme base mode / dark mode) et un changement via un toggle.

Je rencontre un problème actuellement :

Mes variables sont bien setup entre Base mode et dark mode
Lorsque je change les thèmes manuellement dans l’éditeur webflow, tout change comme il faut
J’ai essayé de joué avec du custom code afin que lorsque qu’un utilisateur clique sur le toggle cela change de mode, dans la console log, à chaque clic, le changement fonctionne entre base et dark mode, par contre les styles ne s’appliquent pas...
J’ai tenté de regardé des made in webflow ou tuto youtube mais je trouvé seulement avec l’ancienne gestion des variables.

Voici le lien preview: https://preview.webflow.com/preview/qovoltis?utm_medium=preview_link&utm_source=design[…]s&preview=52599e20d8f7ed7911eb9807365a3041&workflow=preview
Short video demo :

Merci d’avance pour votre aide 🙂

Sylvain · Accepted Answer

Ah, j’ai oublié de t’envoyer ça aussi 😅  https://webflow.com/made-in-webflow/website/variable-modes-toggle Avec ça tu devrais t’en sortir 😉

Sylvain · Answer

Hello, J’ai pas encore testé de mon coté, mais je partirais sur cette base : https://youtu.be/grA47dBXzPg?si=03BHmKzcaLDoooUH

Nathan Simula · Answer

Merci pour ton retour, effectivement j’ai essayé de faire un mixte avec cette vidéo et le dernier système de variable de webflow, pour le moment sans succès de mon côté 😅

Nathan Simula · Answer

wow merci beaucoup c’est le lien qu’il me manquait!, cela fonctionne 🙂

initClub · 1ère Communauté Webflow Francophone

Dynamic Theme Switching in Webflow