FireFox does not respond to media queries in link tags

St-H — Fri, 17 May 2024 10:07:52 GMT

Example

Let's say that I have a document like this:

<!DOCTYPE html> <html> <head> <title>Example</title> <link rel="icon" href="/assets/images/icons/some-icon/white.svg" media="(prefers-color-scheme: dark)"> <link rel="icon" href="/assets/images/icons/some-icon/black.svg" media="(prefers-color-scheme: light)"> </head> <body> <h1>My title</h1> <p>Look at the icon!</p> </body> </html>

Then regardless of whether or not the user is using dark, or light mode, the icon will
be black, even if that is not what is intended.

Re: FireFox does not respond to media queries in link tags

jscher2000 — Fri, 17 May 2024 14:25:56 GMT

Does that same media query work for external style sheets?

topic FireFox does not respond to media queries in link tags in Discussions

FireFox does not respond to media queries in link tags

Example

Re: FireFox does not respond to media queries in link tags