Full theme switcher

[JulianCataldo]

Goal is to support this kind of setup:

• default theme (light)
• default theme (dark)
• second theme (no color variant)
• third theme (light)
• third theme (dark)
• …

With LocalStorage setting persistence and a toggling mechanism

[ollebergkvist]

@JulianCataldo

Any chance of adding tailwind support? :)

[JulianCataldo]

Hello @ollebergkvist !

I don't use Tailwind myself, as a "bare" SCSS fan.
Motivation of this project is future-proofing generic, low-levels web patterns, with minimal dependencies.
I'm pretty sure SCSS will still be widely used in 10 years, while Tailwind might probably get 2 or 3 contenders in the meanwhile, it's not the same pace (and that's good!).
Also, more personally, I feel constrained by Tailwind, even if I understand the appeal of higher level styles macros.

Still, people could build whatever they want as a design system on top of these headless components.
But I'm totally open to facilitate its usage for, say, the color mode switcher (?).
Tell me if you want some API to be implemented for seamless Tailwind usage, and we will see.

TL;DR: Most of my in-page components are extending the generic Astro HTMLElement, so you should get auto-completion with class or class:list array, and pass your own Tailwind styles.

Cheers