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.
Sounds like you are familiar with this topic. I dont have time to work more on this particular aspect (there are lots of other tasks like comment support, federation with Lemmy, etc). But contributions are definitely welcome, preferably directly to leptos_use so that others can benefit and its easier to maintain.
This project sounds like a great idea!
It would be great if it respected my browser’s
prefers-color-schemesetting.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.Sounds like you are familiar with this topic. I dont have time to work more on this particular aspect (there are lots of other tasks like comment support, federation with Lemmy, etc). But contributions are definitely welcome, preferably directly to
leptos_useso that others can benefit and its easier to maintain.I’ll look into it if I find the time.