如何获取用户的系统配色方案首选项？

Question

例如，新的堆栈溢出功能"暗模式"可以在亮模式和暗模式之间使用系统默认值。他们如何判断JavaScript的系统默认值？如果没有JavaScript，你怎么找到它？

Answer 1

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

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