About CSS Color Scheme

You can control whether the calendar for <input type="date" />, time widget for <input type="time" />, scrollbars, and other browser widgets will be shown with light or dark background using this CSS rule:

1
2
3
:root {
  color-scheme: light;
}

or

1
2
3
:root {
  color-scheme: dark;
}

Tips and Tricks Web Design CSS3