finds.dev← search

// the find

adamwathan/theming-tailwind-demo

★ 270 · HTML · MIT · updated Nov 2019

A 2019 demo by the Tailwind creator showing how to wire CSS custom properties into Tailwind's config to support multiple themes. It predates Tailwind's own dark mode and arbitrary value support, so it's a historical artifact more than a usable starter.

The semantic naming convention (text-primary, text-inverse) is still the right mental model for themeable systems. It shows the pattern clearly in minimal code — no framework noise, just HTML/CSS/config. The README explains the approach well without padding.

Abandoned in 2019 — this is Tailwind v0.x config syntax, none of which maps to current Tailwind. Dark mode, `@layer`, `theme()`, and the `extend` key didn't exist yet in this form. The pattern itself is now fully superseded by Tailwind's built-in dark mode and the `CSS variables as design tokens` approach documented in the official docs. You'd be learning from an artifact, not a template.

View on GitHub →

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →