MMM-homeassistant-sensors Text Color

scuppasteve

So i have this module working great, but the text is grey and is almost invisible. I tried to edit it via custom.css. Any advice would be great.

My custom.css looks like this:

.MMM-homeassistant-sensors {
  color: #FFFFFF;
}

sdetweil

@scuppasteve said in MMM-homeassistant-sensors Text Color:

.MMM-homeassistant-sensors {

u need the class name of the text… u are going to override the class values…

wrapper.className = ‘dimmed small’;

.MMM-homeassistant-sensors.dimmed {
color: #FFFFFF;
}

scuppasteve

@sdetweil

I tried what you suggested and it didn’t seem to have an effect. Is there something that i need to do in the /css/main.css to make the /css/custom.css load?

sdetweil

@scuppasteve no… custom.css is force loaded by the runtime.

try a space between the module name and the .dimmed

scuppasteve

I tried the following to no effect, not sure what the issue is.

wrapper.className = 'dimmed small';

.module.MMM-homeassistant-sensors .dimmed {
  color: #FFFFFF;
}

and

wrapper.className = 'dimmed small';

.MMM-homeassistant-sensors .dimmed {
  color: #FFFFFF;
}

sdetweil

@scuppasteve said in MMM-homeassistant-sensors Text Color:

.module.MMM-homeassistant-sensors .dimmed {
color: #FFFFFF;
}
that one is wrong for sure

scuppasteve

I got it figured out, i appreciate the help in getting this figured out.

.MMM-homeassistant-sensors .dimmed {
  color: #FFFFFF;
}

sdetweil

@scuppasteve cool… how is that one different than your second one?