Post

With style queries now in all browsers, here's my take on the best way to do dynamic color theming with modern CSS: - Custom properties - light-dark() - contrast-color() - Style queries - Relative color syntax (^Features available in all modern browsers) Read about it ⬇️⬇️ una.im/modern-css-t...

una.imuna.im | Modern CSS theming with light-dark(), contrast-color(), and style queriesCombine three new CSS features to build fully adaptive themed components.

23/6/26, 1:07 pm20 reposts108 likes

Nestor Vera

@nestor.rip

23 June

thanks for putting together such a comprehensive example! 💖 small sidenote, step 2 `@function` doesn’t use `--color`

Una Kravets

@una.im

23 June

Oop that should be —bg now (original was color but I updated it elsewhere)

Ben Schwarz

@benschwarz.bsky.social

24 June

Thanks for all your efforts in helping to get all these into the hands of users Una 🙇‍♂️ It's been such a monumental lift to be able to easily ship BULLETPROOF, fast and beautiful UIs using color-scheme. Transformative ✨

Windy de Coninck

@windydeconinck.bsky.social

23 June

Ooo!

Mark Bennett 🏳️‍🌈🧑🏻‍💻🏃🏻🍁

@markbennett.ca

23 June

Very cool to see this all together in one post. And thanks for noting what became baseline and when! 💕