Light Dark

I recently found time to watch a very insightful, fast-paced presentation by Adam Argyle titled “25 New & Rad Features of CSS”.

After just five minutes, when he demonstrated the use case of @view-transition { navigation: auto; } and the whole crowd reacted positively, I was hooked and watched until the end.

I learned a great deal and implemented many of the features mentioned in my websites. Some of them I had heard of before, but I am not keen to implement everything straight away. When technologies are still at the early stage of adoption in web browsers, I tend to wait. The problem is that later I often forget about them, which is why Adam’s presentation reminded me of some of the concepts I had already come across.

One of these was the use of color-scheme: light dark; and the light-dark() syntax approach for light and dark colours.