Ability to Create and Toggle Light Theme and Dark Theme

For some websites it could be interesting to offer our visitors the option between a dark or light version of our website/blog.

It could be implemented the exact same way you do breakpoints for screen sizes. However these are not triggered by the screen size but by user selection:

  • We could have "breakpoints" for Light and Dark themes or even create our own custom themes.

  • Changes to the CSS properties would only affects the active "breakpoint"/theme.

  • Then we could have a "Toggle Theme" control/button we can style and add to the site so visitors can select their favorite theme on the live site.

Admin Note:

It's possible to create light and dark theme styles in any Webflow site and use interactions to control that style as well.


  • Kyle Fs
  • Jan 31 2021