If you write CSS, have a question for you. Do you know what “system colors” are? Do you think about how your code interacts with them?
0 Boosts
0 Likes
I ask because in thinking about how to teach more developers how to implement your own custom dark mode support… system colors comes up right away. When I was a developer I had no clue what was actually going on (also it probably didn’t work the modern way yet). I’m guessing many devs still don’t. It’s not obvious what’s up with how the browser creates default background & text colors and more.
@jensimmons at my last place, we used them for high contrast mode. That is the only time I can think of and it was less about dark mode and more of an accessibility solution. Depending on what my next role is, I would do something similar.
@jensimmons I'm aware of system colors, but I have to admit I don't really pay much attention to them in practice. The closest I come to working with them is probably when optimizing my UIs for forced colors mode. But even then, I usually manage just fine without explicitly using them.
@jensimmons I know what they are, but I rarely consider their usage or impact. 🤔
@jensimmons Why, is Safari considering a forced-colors mode after introducing adaptive dark mode? 😉
@jensimmons I'm aware of them, but I admit I tend to write them off and just "do my own design" on the web. I've only now (seeing your post) am playing with it, and for the first time realizing I can use accentColor in conjunction with relative color or color-mix... some interesting possibilities there 🤔