Hey there!
I'm using dark reader on my website and the package is really great, Thank you for developing it! However, I'm really getting mad because of some CSS issues. some parts of the page don't look right in dark mode.

For example, I have a yellow button with black text. When I turn the dark mode on, the background becomes a little darker and makes text white which is unreadable.

Expected result:
(The colors are the same as the first picture)

Another example is a purple button that turns to blue when dark mode is on!

Expected result:
(The colors are the same as the first picture)

All I want to do is to prevent dark reader from applying styles to some specific elements.
I already saw #4056 & #7318, but can't get it to work.

• I tried ignoreInlineStyle, but all I see it does is to remove inline attributes; the styles don't get removed. I also tried different selectors: .class, [attribute=value], element, element.class, ... but none of them work.
• I can't use css, because I have a lot of elements that should be excluded. It takes a lot of time and effort to write CSS for every excluded item
• I tried 'darkreader' class, but it doesn't work. It also has a weird behavior: the element is removed from the DOM when I turn off the dark mode and never comes back :-)

If it helps, I'm using next.js 11.1.2 + scss (sass 1.43.4) and darkreader 4.9.4

What should I do?