Инверсия на сайте, как отключить?

Question

[Tupic123]

Добрый день!
Подскажите пожалуйста, я сверстал простенький сайт , протестировал на своих устройствах, все нормально. Заказчик жалуется что у него на смартфоне Samsung стоит темная тема и цвета сайта выглядят не так. Либо инверсия либо темная тема
Скриншот у меня:
Скриншот заказчика

Модель телефона А51, браузер либо webView(по ссылке из телеграмма) либо samsung browser, скриншоты приложил разных секций, но инвертируется весь сайт аналогично

Comments

[imko]

Это у него автоматически браузер все корявит, пусть в настройках отключает у себя. Думаю в твои обязанности не входит исправлять точто пользователи собственными силами ломают с изменением кода.
Ну а вообще есть вот такая шутка и вероятно обернув стили и в лайт и в дарк ты обманешь браузер

[Tupic123]

imko, Попробую, с вами согласен, благодарю)

[Tupic123]

Rubix, UPD: samsung internet browser не поддерживает prefer-color-theme

[Tupic123]

imko, UPD: samsung internet browser не поддерживает prefer-color-theme

[Tupic123]

Rubix, Очевидно, но как бы до него это донести и попросить закрыть проект)

Answer 1

[xdevelx]

Мета тег color-scheme и медиа запрос prefers-colors-scheme samsung internet поддерживают https://developer.samsung.com/internet/blog/en-us/... Но есть одно но - чтобы это все заработало нужно в настройках браузера выбрать labs и там чекнуть использовать темную тему сайта и тогда при добавлении <meta name="color-scheme" content="light dark"> тема будет всегда не инвертированная. Но если у пользователя выбрана темная тема без выбора этой настройки в телефоне, он будет видеть инверсию. И с этим ничего сделать нельзя.