#CSS TIL Safari (mobile & desktop) doesn't support... | Gosha

Gosha's posts Post Back to profile

Gosha

#CSS TIL Safari (mobile & desktop) doesn't support `prefers-color-scheme` in SVG files 🤷‍♀️ Embedding the SVG directly into the HTML fixes it.

A screenshot showing the code of a SVG file, where an element has styling depending on prefers-color-scheme.

A screenshot of that SVG being rendered in Chrome in dark mode, with the relevant part displayed in white against a dark background

A screenshot of that SVG displayed in Mobile Safari in dark mode, with the relevant part rendered in black against a dark background

Like 20 November at 10:54 | Open on merveilles.town

No comments