.mode:after {
    content: "Mode could not be detected, not supported by your browser or operating system";
}

@media screen and (prefers-color-scheme: light) {
    .mode:after {
        content: "Light mode was detected";
    }
}

@media screen and (prefers-color-scheme: dark) {
    .mode:after {
        content: "Dark mode was detected";
    }
    
    body {
        /* RAINBOW */
        background: black;
        background: -webkit-linear-gradient(left, orange, yellow, green, cyan, blue, violet);
        background: -o-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
        background: -moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
        background: linear-gradient(to right, orange, yellow, green, cyan, blue, violet);
        color: white;
        direction: rtl;
    }
}