search

sandoche / Darkmode.js

🌓 Add a dark-mode / night-mode to your website in a few seconds
https://darkmodejs.learn.uno
MIT License
2.72k stars 176 forks source link

How To Exclude background-image css property #52

Closed SubhodipRoy closed 3 years ago

SubhodipRoy commented 3 years ago

Everything is working fine except making the background image of my page negative. I have added a backround image using css background-image peoperty. And now its changing the color of the image. How can can is solve the problem?

Hope for solution soon.

Thanks from reply in advance.

sandoche commented 3 years ago

Maybe try this:

.darkmode--activated .class-width-background-image {
  mix-blend-mode: difference;
}

Don't forget to replace ".class-width-background-image" with the name of the class.