How do I highlight all text on the screen?

[Stile2112]

Certain modules have some brighter and dimmer text. How do I make all the text brighter within a given module?

The reason for this is that I’m running Back Ground Slide Show and certain module text get lost in brighter images.

[Ray]

I use this in my modules. I find it to be very helpful for me.

module.clock {
background-color:rgba(255,255,255,0.5);
border-radius: 8px;
padding: 8px;

The last number in the background color is the brightness for the color
I hope this helps

[MacG]

I use the gradient function of MMM-BackgroundSlideshow and have made many adjustments in custom.css. First of all, I made the dimmed text colors a bit lighter:

:root {
  --color-text: #e6e6e6;
  --color-text-dimmed: #f5f5f5;
  --color-text-bright: #ffffff;

}

They can also all three be given the same bright color, e.g. #ffffff for white.

Then I checked each module to see if it used the default fonts, font-weight, and text colors. If not this was changed. For the default calendar, the times were a little darker than the event title. Here are my adjustments:

.calendar .time {
      color: var(--color-text-bright);
      font-weight: 400;
}