Hacker News Reader

Now, all we need is to get to take these CSS libraries turn into "themes" for https://headlessui.dev/ widgets. Bonus points if we agree onto some standard set for variable names, so frontend developers could then literally just change the "import css" file at the top and have completely different styles.

View on HN

> just change the "import css" file at the top and have completely different styles.

I'm afraid I don't understand the goal here. This is excatly what classless frameworks like Simple.css are doing, and classless is imo a much better solution than us all agreeing onto standard variable names.

It's not just because these are "drop-in" files that like these libraries can not be extended or have some variables overridden.

For example, TFA says that simple.css uses a variable called "accent" to determine the color of links and buttons. If other styles adopt the same name, then you could just define the "color palette" in one place and have each library working as totally different "design language".

> Bonus points if we agree onto some standard set for variable names

They try: https://www.w3.org/community/design-tokens/

Reply on news.ycombinator.com