#Bubble Card Styling Issue - Icon Opacity

1 messages · Page 1 of 1 (latest)

lucid lotus
#

Hi there, using Bubble Card to style my home screen. However, I can't fully control icon colour.
Some sensors chosen as entity seem to produce a slightly greyed out version instead of the regular bright icon on the standard Bubble Card.

I'm using the following styling but it's not overriding the issue:
.bubble-icon {
color: rgb(255,255,255,1) !important
}

I've deduced it's not a theme issue as this is reproduced in any theme.

In the attached example, the Master bedroom card is linked to an environment sensor and the en-suite is linked to a custom template sensor (so I can show the data of two separate sensors at the same time). It seems that the template sensor is the issue as it always creates a dim icon.

Any help/suggestions gratefully received.

light lintel
#

I'm not sure if it will fix your issue but opacity is part of rgbA, but you have rgb. yaml color: rgba(255,255,255,1) !important

lucid lotus
#

Thanks d_sellers, unfortunately it doesn't resolve it. Also, strangely I can lower the opacity using only the rgb tag. Good to know the difference in future though. I think the bubble card is applying some sort of filter after the fact based on the sensor being used. By changing the sensor I get different results on the same card - it seems some sensors allow the icon to be bright but many result in the subdued version...