The color-scheme CSS property allows an element to indicate the color schemes with which it is designed to be rendered.
object.style.colorScheme = "value";
<'color-scheme'> = normal | [ light | dark | <custom-ident> ]+ && only?
Specifies the element doesn't support color schemes and the element should be rendered with the browser's default color scheme.
Specifies the element supports a light color scheme.
Specifies the element supports a dark color scheme.
Specifies any valid identifier that is not misinterpreted as a keyword.
Forbids the user agent from overriding the color scheme for the element.