It uses the browser preference for light/dark theme by default. After you click the theme toggle on the site, it keeps using that chosen theme by storing it in a cookie.
In my opinion, it is way better to implement theme switching on the client side. The prefers-color-scheme media query is better supported across browsers and allows reacting to a change of the user’s system preferences.
It uses the browser preference for light/dark theme by default. After you click the theme toggle on the site, it keeps using that chosen theme by storing it in a cookie.
This doesn’t work for me. It seems like you are using
leptos_use::use_preferred_darkwith server-side rendering which unfortunately uses the experimentalSec-CH-Prefers-Color-Schemeheader which isn’t supported by all browsers, e.g. Firefox.In my opinion, it is way better to implement theme switching on the client side. The
prefers-color-schememedia query is better supported across browsers and allows reacting to a change of the user’s system preferences.