Colored text becomes unreadable in dark mode

I use NewsBlur in dark mode, and it works well for most blogs that I read.

However, one particular blog, Language Log, frequently changes text color to red and blue for quotations. They use <span> tags with inline style rules to change the color.

This looks fine on their website, which uses a light background:

But in dark mode in NewsBlur, these colors (especially the blue) make the text nearly illegible:

Is there a way to overcome this? Maybe an option to invert CSS text colors when in dark mode? Or an option to strip color styles completely?

if you go to settings > account, there’s a tab for your custom css.

Thanks so much. That did the trick.

If anyone has a similar issue, here are the style rules I used for this case:

/* Change Language Log's default dark blue to light blue, if NewsBlur is using dark theme */ 
body.NB-dark p span[style="color: #000080;"] { color: #99aaee !important; }

/* Change Language Log's default dark red to light red, if NewsBlur is using dark theme */ 
body.NB-dark p span[style="color: #800000;"] { color: #ee99aa !important; }
1 Like