wowgamr / animated-weather-card

Animated icons for default Home Assistant weather card
24 stars 3 forks source link

integration into transparentblue theme #3

Closed gribouk closed 3 years ago

gribouk commented 3 years ago

Hello, everyone!

I am having problems integrating animated weather card into transparentblue theme while following the directions at the end of your manual. I have tested many versions of what I should do and provide the last version of the syntax I stopped at. I have created the 'icons' folder in the 'transparentblue' folder and have coppied all svg files there. This is what I've pasted at the end of the transparentblue.yaml:

Animated Weather Card: weather-icon-clear-night: url("/hacsfiles/themes/transparentblue/icons/clear-night.svg") weather-icon-cloudy: url("/hacsfiles/themes/transparentblue/icons/cloudy.svg") weather-icon-fog: url("/hacsfiles/themes/transparentblue/icons/fog.svg") weather-icon-lightning: url("/hacsfiles/themes/transparentblue/icons/lightning.svg") weather-icon-lightning-rainy: url("/hacsfiles/themes/transparentblue/icons/lightning.svg") weather-icon-partlycloudy: url("/hacsfiles/themes/transparentblue/icons/partlycloudy.svg") weather-icon-pouring: url("/hacsfiles/themes/transparentblue/icons/pouring.svg") weather-icon-rainy: url("/hacsfiles/themes/transparentblue/icons/rainy.svg") weather-icon-hail: url("/hacsfiles/themes/transparentblue/icons/hail.svg") weather-icon-snowy: url("/hacsfiles/themes/transparentblue/icons/snowy.svg") weather-icon-snowy-rainy: url("/hacsfiles/themes/transparentblue/icons/hail.svg") weather-icon-sunny: url("/hacsfiles/themes/transparentblue/icons/sunny.svg") weather-icon-windy: url("/hacsfiles/themes/transparentblue/icons/cloudy.svg") weather-icon-windy-variant: url("/hacsfiles/themes/transparentblue/icons/partlycloudy.svg") weather-icon-exceptional: url("/hacsfiles/themes/transparentblue/icons/exceptional.svg")

I also tried with 'animated-weathe-card' instead of 'transparentblue' in the path, but with no success. What is the proper way to have animated weather card in other theme?

wowgamr commented 3 years ago

Hello! Can you please attach transparentblue.yaml ? It looks like line Animated Weather Card: is unnecessary.

gribouk commented 3 years ago

transparentblue.zip

wowgamr commented 3 years ago

Try to remove line 124 (Animated Weather Card:).

gribouk commented 3 years ago

This I have already tried. HA gives error for that:

Error loading /config/configuration.yaml: while parsing a block mapping in "/config/themes/transparentblue/transparentblue.yaml", line 10, column 3 expected , but found '' in "/config/themes/transparentblue/transparentblue.yaml", line 125, column 5

gribouk commented 3 years ago

I belive I fixed it. There was extra space when the links were coppied. I have aligned whole blok as the rest of the entries above and the errore has gone. Now after reboot the icons are animated. Thanks!

wowgamr commented 3 years ago

Try this transparentblue.zip

wowgamr commented 3 years ago

Yep, extra spaces.