If only you could write mixed class and media selectors in CSS.

[mahryekuh@fosstodon.org]

If only you could write mixed class and media selectors in CSS.

That would be so amazing for websites supporting light, dark, and system themes.

#CSS #WebDev

[mboelen@mastodon.social]

@mahryekuh
Like this?

prefers-color-scheme - CSS: Cascading Style Sheets | MDN

The prefers-color-scheme CSS media feature is used to detect if a user has requested light or dark color themes. A user indicates their preference through an operating system setting (e.g. light or dark mode) or a user agent setting.

MDN Web Docs (developer.mozilla.org)

[mahryekuh@fosstodon.org]

@mboelen That is sadly only half of the equation in my case; I also need to combine with a CSS selector (a body class), which is not possible in the current specs.