Как запретить телефону включать тёмную тему на сайте?

Question

[Zakonoposlushniy]

Всем привет!

Первый раз сталкиваюсь с такой проблемой. Возможно у кого-нибудь есть решение ?

Есть сайт сделанный на Тильде.
У сайта светлый фон.

При просмотре с телефона, в котором включена тёмная тема, белый фон сайта заменяется на тёмный, и соответственно весь дизайн летит в трубу.
Можно как-то запретить телефонам включать тёмную тему на сайте ?

Comments

[Aetae]

М.б. просто прописать сайту(html\body) белый фон и чёрный текст, а не надеяться на значение по умолчанию?

Answer 1

[Сергей delphinpro]

Попробуйте

<meta name="color-scheme" content="only light">

Кроме того, можно явно задать цвета для случая, если выбрана темная тема

@media (prefers-color-scheme: dark) {
  .selector { }
}

https://developer.mozilla.org/en-US/docs/Web/HTML/...
https://developer.mozilla.org/en-US/docs/Web/CSS/@...