How to prepare a mobile version of the site for the night mode, which comes in the phones?

Good afternoon.
Is there a website.
Have a client who uses a telephone with night mode.
Night mode on his phone takes black and white and replace them with seats.
While all other colors remain untouched.
Reading the page impossible.

How can the code level to fix this problem?

phone samsung galaxy 9
the website
browser standard
March 19th 20 at 09:04
1 answer
March 19th 20 at 09:06
/* 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;

four: - bertram.Sanfo commented on March 19th 20 at 09:09
On MacOS in Safari, works in chrome — no - bertram.Sanfo commented on March 19th 20 at 09:12
@bertram.Sanfo, and th? other ways to detecting this is not so, or thinking so, for at least some of the effect, in the hope for the future, or not thinking at all and score. - Rozella commented on March 19th 20 at 09:15
@Rozella, Niche. Put a little bit of information for those who will find this answer. - bertram.Sanfo commented on March 19th 20 at 09:18

Find more questions by tags Web DevelopmentAdaptive designMobile development