javascript - 如何获得用户的系统配色方案偏好？

Question

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

标签： javascript

Answer 1

用于使用window.matchMediaJavaScript 检测用户的首选配色方案。

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