当用户的操作系统设置为浅色模式，并且用户在侧边栏切换器中选择了深色模式时，我的主题组件中的 @media (prefers-color-scheme: dark) CSS 样式会被忽略。如果用户的操作系统设置为深色模式，但他们在侧边栏切换器中选择了浅色模式，我也会遇到奇怪的问题。当操作系统设置和切换器设置匹配模式时，一切看起来都符合预期。有没有其他人遇到过这个问题，并找到了在操作系统设置和侧边栏切换器设置不匹配时应用浅色/深色模式 CSS 调整的方法？
您有自定义主题吗？在使用 Foundation 或 Horizon 时是否会出现同样的问题？
嗨 Kayla！您能自己弄清楚这个问题吗？如果可以，您能在这里分享结果吗？如果不能，我想我们最好删除这个话题。
prefers-color-scheme 仅考虑操作系统模式和颜色方案。
为了使界面颜色选择器能够正确处理非颜色方案颜色和其他 CSS 值，您必须始终使用 dark-light-choose，如 Update themes and plugins to support automatic dark mode - #5 by pmusaraj 中所述。
1 个赞