You just make a design system in your tailwind.css, following the documentation. You can optionally use something like daisyui if you do not have designer skills or the time.

That handles consistent sizing, spacing, text, colors, dark mode, and anything else your design system needs. It all compiles down to css in the end, so no runtime overhead and gives you the superior tailwind dx during development.

▲

throwaway9an1zx an hour ago | parent [-]

Almost none of that is specific to Tailwind though, you can take any design system in CSS with or without JS and make the same argument right?

▲

Aeolos 14 minutes ago | parent | next [-]

The poster I responded to, specifically asked for how to implement this in tailwind, with a worry about "do you really style each component separately for dark mode? Repeating the same modifiers over and over?"

I simply answered his question - tailwind is indeed just plain old CSS with a more ergonomic DX.

▲

ffsm8 an hour ago | parent | prev [-]

What do you think tailwind is?

It's a utility to generate deduped/treeshacken css classes - according to a config file the parent mentioned

It's not some grand framework or something.

It's literally doing exactly what the grand parent said. Define root css variables, and generate the applicable/used css classes that were used in the code

▲

throwaway9an1zx 43 minutes ago | parent [-]

I use Tailwind for work and hobby projects and what you said is exactly what I think Tailwind is and why I use it.

I don’t understand where the disagreement is. I was only pointing out a lot of the “magic” from Tailwind’s abstraction isn’t as magical as the GP you referred to implies.

	▲	ffsm8 39 minutes ago \| parent [-]
		I see, I must've misunderstood your comment earlier.