prefers-color-scheme "Can I use..." widgets
Media query to detect if the user has set their system to use a light or dark color theme.
What browser do support prefers-color-scheme widget
Add this code to your website
<script data-feature="prefers-color-scheme" defer src="https://cdn.caniusewidgets.com/scripts/overviewtable.js"></script>
to display the following widget
⇓
How many browsers globally do support prefers-color-scheme widget
Add this code to your website
<script data-feature="prefers-color-scheme" defer src="https://cdn.caniusewidgets.com/scripts/browsersupport.js"></script>
to display the following widget
⇓
Is prefers-color-scheme supported in my browser widget
Add this code to your website
<script data-feature="prefers-color-scheme" defer src="https://cdn.caniusewidgets.com/scripts/single.js"></script>
to display the following widget
⇓
caniusewidgets.com/prefers-color-scheme
Change caniuse.com to
caniusewidgets.com to
get to this page
Other interesting features: