Returns true
if the user color scheme preference is dark
, false
otherwise.
Use window.matchMedia()
with the appropriate media query to check the user color scheme preference.
代码片段
const prefersDarkColorScheme = () =>
window && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
使用样例
prefersDarkColorScheme(); // true