如何防止 Darkmode.js 使背景图像变负

Question

我发现darkmode.js(darkmodejs.learn.uno) 是一种在我的网站上实现深色模式的非常简单的方法，而且它对我来说效果很好，但有一个小问题。也就是说，它改变了我的 background-image css 属性的颜色并使它成为一种消极的。有什么办法可以排除background-image改变它的颜色吗？希望尽快回复。感谢您提前提供帮助。

Answer 1

就在这里。该文档说您可以覆盖样式。

由于该库将向darkmode--activated页面主体添加一个类，因此您可以在启用的暗模式下编写与背景匹配的 CSS 选择器：

.darkmode--activated #my-element-with-background { 
   filter: invert(0);
}

请注意，我不知道 darkmode.js 究竟是如何反转你的背景的。filter: invert(1);只是一个疯狂的猜测。您必须检查那里发生了什么并覆盖样式属性。