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;
}

1
2
3

:root {
  color-scheme: dark;
}

Tips and Tricks Web Design CSS3

Also by me

Django GDPR Cookie Consent app

For Django websites that use cookies.

my dev product

my book

Django 3 Web Development Cookbook

Learn how to build practical web projects with Django 3.

my SaaS

Strategic prioritizer "1st things 1st"

Helps make difficult choices at ease.

For you and your best friends.