Скачать или смотреть Switch between light and dark theme automatically

In this week's Vaadin Tips video, Alejandro Duarte shows how to detect the operating system's preferred color setting to automatically switch between the dark and light themes in a web application using CSS and JavaScript, both in plain HTML and Java Vaadin Flow applications.

0:00 - Intro
0:13 - A simple HTML page with a dark theme
1:02 - Media queries and media features
3:02 - Dark themes in apps with Web Components sets
4:14 - Media queries listeners with JavaScript
6:16 - Vaadin Flow configuration with Java
6:48 - Dark and light switching in OS (the feature in action)
7:04 - Dark theme at start
8:18 - Outro

Links:
Follow Alejandro on Twitter:   / alejandro_du  
See also https://dzone.com/articles/switching-...