如何不让手机上的黑暗模式影响我的网站?

当手机在系统用户界面中设置了暗模式时,它将影响我网站上的html和CSS,例如改变颜色。我不希望这种情况发生。有没有一种方法可以阻止UI暗模式更改html的样式?

评论
  • jeum
    jeum 回复

    您可以使用特殊的自定义CSS媒体查询。当设备的首选配色方案为深色时,将激活此媒体查询。这样,您可以在用户偏爱深色模式时为他们提供不同的样式。

    @media (prefers-color-scheme: dark) {
      /* Your css */
    }
    

    For more details check this website