javascript - 如何防止系统强制暗模式？

Question

网站和应用程序上的暗/亮模式切换设置正在流行，并且还有一些系统默认主题模式也可用，例如 chrome dev-tools 提供强制暗模式，但我希望我的网站以它的构建方式查看。那么，如何防止chrome应用的强制暗模式？
我试过prefers-color-scheme媒体查询，但我想，我做错了什么或遗漏了什么。

@media (prefers-color-scheme: dark) {
    body {
        background: #fff;
    }
}

Answer 1

TL; DR 目前不可能
为什么我们需要这个？
似乎有一些 Android 手机，Chrome 会根据他们为手机选择的主题模式(浅色与深色)默认启用此功能。
如果您开发模板并且有 2017-2018 年的旧元素，客户在有客户投诉时会要求退款。如果您不知道存在这样的功能，几乎不可能进行诊断。在许多情况下，网站无法阅读。
它使网站上的暗/亮切换体验无效(破坏了 CSS 网站上的操作体验)。无法检测到何时发生这种情况也无济于事，我们可以移除切换开关并直接提供深色主题或警告用户出现问题。
没有解决方案
目前还没有办法改变它，他们甚至改变了图像的背景，他们也做得很好，.jpeg...🤣😂。这不仅仅是简单的颜色交换。
我认为他们采用“用户为王”的方法。如果用户想要强制执行它，他们将站在用户一边。
每次更新都变得越来越好。
它也弄乱了开发检查工具中的颜色选择器......
即使他们要添加“修复”，它也不会在旧浏览器上可用。我认为他们甚至没有想过实现绕过或“白名单”的方法。

Custom CSS may fail when Chrome's #enable-force-dark flag is enabled

whitelist "force dark mode" on certain website

App Specific Override Force Dark

A Complete Guide to Dark Mode on the Web

但
这里有一个概念方法:
https://stackoverflow.com/a/60462984/1427338
我的css结果好坏参半。在一个简单的页面中它可以工作，但在更复杂的元素中，有太多的边缘情况来处理它们，并且没有修复图像(......它取代了图像中的背景!)