首页 > 解决方案 > 如何防止 Darkmode.js 使背景图像为负

问题描述

我发现darkmode.js(darkmodejs.learn.uno) 是在我的网站中实现暗模式的一种非常简单的方法,它对我来说效果很好,期待一个小问题。也就是说,它改变了我的 background-image css 属性的颜色,并使其成为一种负值。

有什么办法可以避免background-image改变它的颜色吗?

希望尽快回复。

提前感谢您的帮助。

标签: javascripthtmlcss

解决方案


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

由于库会darkmode--activated在页面正文中添加一个类,因此您可以在启用的暗模式下编写与您的背景匹配的 CSS 选择器:

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

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


推荐阅读