我的网站如何检测浏览器是否使用暗色/浅色主题，而不是操作系统使用主题色？

Question

我正在尝试根据浏览器主题更改收藏夹图标。我尝试过window.matchMedia('(prefers-color-scheme: dark)').matches，但这似乎只能检测计算机的颜色主题，而不能检测浏览器。是否可以仅获取浏览器主题？

Answer 1

您误会了，prefers-color-scheme也得到了浏览器主题的偏好-但不是您的思维方式。不幸的是，如果您正在考虑在Chrome Web Store或Firefox的Add-On Store中找到的那些浏览器主题，那么当前的浏览器都无法实现可容纳WebExtensions的功能。

prefers-color-scheme从操作系统中获取主题，但如果浏览器被覆盖或位于用户首选项之后，则也可以使用浏览器。在Firefox上，将ui.systemUsesDarkTheme添加到about:config并将其设置为0总是使(prefers-color-scheme: dark)为真，而与操作系统的偏好无关。我相信在Android上，三星浏览器在三个点菜单中都有一个选项，可始终启用暗模式，该模式也将覆盖Android的设置。 因此，请继续使用prefers-color-scheme，并希望将来的浏览器能够满足您的需求。