Colored text becomes unreadable in dark mode

problem
#1

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:

Screenshot 2024-03-27 121652
Screenshot 2024-03-27 121652564×671 56.3 KB

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

Screenshot 2024-03-27 121710
Screenshot 2024-03-27 121710741×570 72.5 KB

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?

#2

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

#3

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
#4

@samuelclay @steanne How do I get these custom style rules to propagate to the iOS app? Since they are applied in the “account” section, I assumed they’d follow me across platforms.

Seems like maybe this isn’t possible?

#5

as far as i know it only affects the web. have you tried the web version on your phone?

(i have no idea how well that works, i’ve never tried it)