Framer Tutorial: Add light / dark mode to your site

In this Frame tutorial I share how to create a light / dark mode toggle for your Framer website.

Ask any Framer questions below and I'll try my best to get back to them! :)

[lydiawere]

awesome...is there a way to allow website visitors to choose a theme for themselves? like a dark/light mode button ?

[jimmyalsaxo]

Awesome! Thanks for the tutorial. What if you want to add a trigger in to switch between both modes, in the nav bar, for exemple?

[benkyoudayjp]

thank you this helpful! Waiting for more tutorials

[moak]

Can you do a review and comparison with framer built in form and your form?

[hyperbang]

Hey Ryan how can I upload custom gif on my framer website

[TolstoyPlastic]

Thanks for the tutorial! Now how can I switch images or whatever component to a light/dark variant according to this light/dark mode? just changing some color settings is not enough if you work with lots of images/videos (like I do). And yes there are code overrides but the ones I found don't work with the current way of switching modes..

[edenassos]

Hello, do you have Romanian ancestry by any chance?