We are all living the CSS dream now! 🎆 Pretty much no @prefers-color media queries, I'll take it. I'm excited to start using light-dark() in production now. Big time win! 🥳
Btw, the meta tags also accept the new `light-dark` css function. Where `light-dark(red, yellow)` result in the theme color being red in light mode and yellow in dark mode. I hope the issue with icons having poor contrast depending on the browser theme color could be addressed with something like the upcoming `color-contrast` function, where it evaluates the best color to show based on a reference color instead of the light/dark modes. That could potentially be used inside an SVG favicon to compare the available colors against the `Canvas` color, but that's just speculation on my part.
10:00 for some reason this doesn't change my safari or chrome bar color but when I overflow scroll or whatever my page I can see those colors correctly shown for light vs dark like in background of page but still not the bar
I'm a bit sad. This was the first time I really felt that it's no longer a podcast, but a youtube channel that also provides audio. A lot of "now this, now that" that is impossible to follow along to unless you have the video. I understand that you need to evolve, but as someone who listens riding a bike, the video will always be impossible to look at.
We are all living the CSS dream now! 🎆 Pretty much no @prefers-color media queries, I'll take it.
I'm excited to start using light-dark() in production now. Big time win! 🥳
Great episode, you can put a media attribute on your favicon link tag and set prefers color scheme on it to swap it
Just in time for Sentry Docs dark mode
Btw, the meta tags also accept the new `light-dark` css function. Where `light-dark(red, yellow)` result in the theme color being red in light mode and yellow in dark mode.
I hope the issue with icons having poor contrast depending on the browser theme color could be addressed with something like the upcoming `color-contrast` function, where it evaluates the best color to show based on a reference color instead of the light/dark modes. That could potentially be used inside an SVG favicon to compare the available colors against the `Canvas` color, but that's just speculation on my part.
I learned a lot.. Thanks!
10:00 for some reason this doesn't change my safari or chrome bar color but when I overflow scroll or whatever my page I can see those colors correctly shown for light vs dark like in background of page but still not the bar
Always blue! Always blue!
I'm a bit sad. This was the first time I really felt that it's no longer a podcast, but a youtube channel that also provides audio. A lot of "now this, now that" that is impossible to follow along to unless you have the video. I understand that you need to evolve, but as someone who listens riding a bike, the video will always be impossible to look at.
We've gotten that feedback from a few people and will def adjust. Still getting used to what works for video without ruining the audio cast.
syntax error