如何获得用户的系统配色方案偏好？ [复制]答案

【问题标题】：How do you get a user's system color scheme preference? [duplicate]如何获得用户的系统配色方案偏好？ [复制]
【发布时间】：2020-03-30 20:41:34
【问题描述】：

例如，新的 Stack Overflow 功能，暗模式可以选择在亮模式和暗模式之间使用系统默认值。他们如何判断 JavaScript 的系统默认设置是什么？如果不使用 JavaScript，你如何找到它？

【问题讨论】：

【解决方案1】：

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

const result = window.matchMedia('(prefers-color-scheme: dark)');
console.log(result.matches); // TRUE if user prefers dark mode

【讨论】：