The Future of CSS: Easy Light-Dark Mode Color Switching with Light-Dark()

Re:The Future of CSS: Easy Light-Dark Mode Color Switching w... by jjcm on Monday October 09, 2023 @11:18PM (#37828167)

Very true! Nonetheless this approach would also break compatibility with `color-scheme`'s custom identifiers, which is just bad in general for CSS even for these small projects. The alternative proposal I put together here would allow this to scale and still provide a helper function for small projects to use: https://github.com/w3c/csswg-drafts/issues/7561#issuecomment...

[ Parent | on HN ]

Re:The Future of CSS: Easy Light-Dark Mode Color Switching w... by wldcordeiro on Tuesday October 10, 2023 @12:08AM (#37828425)

I appreciate that you not only have a nuanced critique but an alternative proposal as well.

[ Parent | on HN ]

Re:The Future of CSS: Easy Light-Dark Mode Color Switching w... by stevage on Tuesday October 10, 2023 @12:40AM (#37828557)

I do like your alternative proposal.

For the viewers at home:

:root {

  color-scheme: light dark high-contrast;

}

body {

  background: scheme(light #eee, dark #333, high-contrast #fff);

}

[ Parent | on HN ]