您如何获得用户的系统配色方案偏好? [重复]

问题描述 投票:0回答:1

例如,新的堆栈溢出功能,暗模式可以选择在亮模式和暗模式之间使用系统默认值。他们如何分辨JavaScript的系统默认值是什么?如果不使用JavaScript,怎么找到它?

javascript
1个回答
0
投票

使用window.matchMedia通过JavaScript检测用户的首选配色方案。

const result = window.matchMedia('(prefers-color-scheme: dark)');
console.log(result.matches); // TRUE if user prefers dark mode
© www.soinside.com 2019 - 2024. All rights reserved.