⇐ Home

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:

Give feedback
All feature data is provided by caniuse.com