CSS para determinar el modo oscuro del teléfono móvil

Hay una función en los teléfonos móviles que se oscurecerá automáticamente por la noche, es decir, el modo oscuro. En este caso, la página web cambiará de color automáticamente. Si desea controlar libremente el estilo HTML en el modo oscuro, puede utilizar la siguiente método:

        @media (prefers-color-scheme:  dark) {
            /*html, body {*/
                /*filter: invert(1) hue-rotate(180deg);*/
            /*}*/
            .maill{
                margin-left: 0;
                margin-right: 0;
                margin-top: 0px;
                margin-bottom: 0px;
                width: 100%;
                max-width: 100%;
                background: rgb(255,255,255)!important;

                padding: 0px;
                padding-bottom: 20px;
            }
            /*img, video,audio{*/
            /*@include hover-change(#4B4B4B,white);*/
            /*}*/
        }

¡Esto sólo tendrá efecto en el modo oscuro!