Стиль темного режима SVG не работает в Safari

Стиль темного режима тела сайта хорошо работает как в Chrome, так и в Safari с помощью переменных CSS с prefers-color-scheme.

А вот с логотипом другая ситуация. Я стилизовал внешний .svg внутри него со стилями для темного режима и светлого режима, который отлично работает для Chrome. Но в macOS и iOS Safari цвет не меняется.

Какое может быть возможное решение?

Спасибо


svg ios-darkmode css safari macos-darkmode
person khomutovspace    schedule 06.03.2020    source источник
comment
Это зависит от того, на какой версии Safari вы тестируете - ›caniuse.com/#feat=prefers- цветовая схема   -  person Morpheus    schedule 06.03.2020
comment
Нет, дело в том, что HTML со стилем CSS для темного режима хорошо работает в Safari. Я имею в виду, что весь сайт становится темным, когда вы переключили темный режим на своем iPhone или MacBook, но логотип не меняется в Safari, в то время как он делает это в Chrome.   -  person khomutovspace    schedule 06.03.2020
comment
Вы вставляете логотип в тег <img> - он работает в Firefox и Chrome? Для меня это работает, только если я встроил SVG в строку.   -  person user13365978    schedule 20.04.2020
comment
Дубликат: stackoverflow .com / questions / 58493483 /?   -  person nero78    schedule 21.04.2020