MonorailCss

Color Scheme

Utilities for controlling the preferred color scheme of an element.

Class CSS Output
scheme-only-light 
color-scheme: only light;
}
scheme-light 
color-scheme: light;
}
scheme-light-dark 
color-scheme: light dark;
}
scheme-normal 
color-scheme: normal;
}
scheme-only-dark 
color-scheme: only dark;
}
scheme-dark 
color-scheme: dark;
}

scheme-only-light

color-scheme: only light;

scheme-light

color-scheme: light;

scheme-light-dark

color-scheme: light dark;

scheme-normal

color-scheme: normal;

scheme-only-dark

color-scheme: only dark;

scheme-dark

color-scheme: dark;

Reference

color-scheme MDN ↗

CSS Properties

  • color-scheme