Q0Q
@Q0Q
Дизайнер, верстальщик, в душе поэт

Как подготовить мобильную версию сайта для ночного режима, который идет в телефонах?

Добрый день.
Есть сайт.
Есть клиент, который пользуется телефоном с ночным режимом.
Ночной режим на его телефоне берет черные цвета и белые, и заменяет их местами.
При этом все остальные цвета остаются не тронутыми.
Читать страницу невозможно.

Как можно на уровне кода пофиксить эту проблему?

UPD:
телефон samsung galaxy 9
сайт https://italia-v-tarelke.ru/whatsapp
браузер стандартный
  • Вопрос задан
  • 194 просмотра
Пригласить эксперта
Ответы на вопрос 1
profesor08
@profesor08
раз: https://drafts.csswg.org/mediaqueries-5/#prefers-c...
два:
/* Light mode */
@media (prefers-color-scheme: light) {
    body {
        background-color: #000;
        color: white;
    }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #000;
        color: white;
    }
}


три:
@media (prefers-dark-interface) { 
  color: white; 
  background: black;
}


четыре: https://developer.mozilla.org/en-US/docs/Web/CSS/@...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы