Faded Colors hard to read the text

Yep, that particular widget theme isn’t really great in terms of accessibility at the moment. Thanks for the report though, I’ll look into it once I get some spare time.

Why it is NOT consistent in ALL blocks of that theme?

I mean some other SAME theme block in the page, the last of the items has a darker color and it is ok.

Side-by-Side, why the fading is not the same?

See:

https://drive.google.com/file/d/13aeZZiWPwHZVVghFGNJARt19e-3EL73q/view?usp=sharing

thanks !

The background color (the “faded” effect) is generated by the browser itself, it’s not a hard-coded color for each post so honestly no idea why it’s different.

Does this happen on a specific web browser? Or is it the same on all major browser? (Google Chrome, Mozilla Firefox, Safari, etc)

Well, Firefox, Edge and Chrome show the same. Not consistent, when the very same block is shown.

Hi @dimalifragis,

Sorry it took this long to reply back.

Alright so I tried a few ideas to make the text more readable when the background color is too light. The one I think works best is to add a text-shadow to the link text itself so it becomes more readable.

To test it:

#1 Copy the midnight widget theme folder into your WordPress theme.

#2 Open your copy of the midnight widget theme stylesheet (eg. /wp-content/themes/[your theme]/recently/themes/midnight/style.css) and change this:

.recently-midnight li .item-data a {
    color: #eee;
    text-decoration: none;
}

into this:

.recently-midnight li .item-data a {
    color: #eee;
    text-decoration: none;
    text-shadow: 1px 1px 2px black;
}

Save changes. If everything went well your Midnight theme should look similar to this: