'prefers-color-scheme default styles vs light

Can i use:

@media (prefers-color-scheme: light) {
 color: pink;
}

@media (prefers-color-scheme: dark) {
 color: pink;
}

instead of:

color: pink;

@media (prefers-color-scheme: dark) {
 color: pink;
}

I know it's good to leave support for older browsers. But is light the default theme value in modern browsers?

cssmedia-queriesdarkmode


Solution 1:[1]

Yes, light color scheme is default on most devices and browsers. Also adding @media with light color scheme won't change anything since there are no other color schemes than light and dark.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 zielvna

Related Questions