Transparent Selection about material-rounded-theme HOT 11 CLOSED

Per the README, Material Rounded Transparent Card was made to be used at the card level to give cards transparent backgrounds. If used for the user theme the transparent background will cause issues like this.

That being said, the transparent background is also causing issues with dropdowns in dashboards, so I should consider changing the card backgrounds from transparent to being the same as the actual background.

from material-rounded-theme.

Ah okay. Thanks for the quick Response.
Keep it up - best Theme so far for HA.

from material-rounded-theme.

Thanks! But I also said that I can possibly fix this so I'm going to reopen it and implement a quick fix for you to test. So far it's working fine from my end.

from material-rounded-theme.

I'll try it tomorrow - at the moment i'm not at home. If anything goes wrong it's not good 😅

I'll give u feedback tomorrow. ✌️

from material-rounded-theme.

1.5.4-beta.003 has four versions of the theme with and without card-mod, and removes --background-color. + Choose label now shows up as white. It doesn't look like anything else important was using it.

I don't think changing the weather icons is something I can / am going to do. Home Assistant themes use yaml to define custom css variables, so weather-icon-clear-night would be --weather-icon-clear-night in CSS.

from material-rounded-theme.

Can you try the latest beta? It should fix the issue.

from material-rounded-theme.

What should i say.... perfect :)

So - I saw something else that's really hard to read. Black font on a black background.
There may be a different material color for this. I don't know if this is a theme bug or HA not updating the color.

After cache cleanup and HA restart, the field is always black. But every other theme has this color:

from material-rounded-theme.

It looks like the new label field uses the CSS variable --background-color. It may be that I don't need to set this variable at all. Also, should I make a transparent card version of this theme that also has the bottom Google Home style toolbar?

from material-rounded-theme.

That would be nice - maybe like the other choice, with or without mods...

• Material Rounded
• Material Rounder without Mods
• Material Rounder Transp.
• Matarial Rounden Transp. without Mods.

What i added to the theme is also animated Weather Icons, thats a must have 😄
i use this: https://www.amcharts.com/free-animated-svg-weather-icons/

i´ve added this to your yaml in oldschool code style (cause i´ve no idea to theme) like this:

#Animated icons
  weather-icon-clear-night: url("/local/images/wicon/clear-night.svg")
  weather-icon-cloudy: url("/local/images/wicon/cloudy.svg")
  weather-icon-fog: url("/local/images/wicon/fog.svg")
  weather-icon-lightning: url("/local/images/wicon/lightning.svg")
  weather-icon-lightning-rainy: url("/local/images/wicon/lightning-rainy.svg")
  weather-icon-partlycloudy: url("/local/images/wicon/partlycloudy.svg")
  weather-icon-pouring: url("/local/images/wicon/pouring.svg")
  weather-icon-rainy: url("/local/images/wicon/rainy.svg")
  weather-icon-hail: url("/local/images/wicon/hail.svg")
  weather-icon-snowy: url("/local/images/wicon/snowy.svg")
  weather-icon-snowy-rainy: url("/local/images/wicon/snowy-rainy.svg")
  weather-icon-sunny: url("/local/images/wicon/sunny.svg")
  weather-icon-windy: url("/local/images/wicon/windy.svg")
  weather-icon-windy-variant: url("/local/images/wicon/windy-variant.svg")

from material-rounded-theme.

Looks good, now it's all readable. 👍🏻
Thanks for the quick fixes...

from material-rounded-theme.

Fixed in 1.5.4

from material-rounded-theme.