question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Icons in weather platform

See original GitHub issue

Loving the new weather platform. I think the condition mapping needs to be fixed up to allow the existing Lovelace weather cards to find the correct icon. Rather than, for example, Mostly sunny., I think the condition should be sunny.

From what I can tell, the mapping can be found in src/data/weather.ts in the home assistant frontend.

export const weatherSVGs = new Set<string>([
  "clear-night",
  "cloudy",
  "fog",
  "lightning",
  "lightning-rainy",
  "partlycloudy",
  "pouring",
  "rainy",
  "hail",
  "snowy",
  "snowy-rainy",
  "sunny",
  "windy",
  "windy-variant",
]);

I think the same may also be true for the state of the weather entity.

Using the built in weather-forecast card, I get:

Screen Shot 2020-11-08 at 11 35 34 am

You can see that the main icon is incorrect, and none of the forecast icons are showing.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:17 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
DavidFW1960commented, Nov 13, 2020

Cool. Maybe it can detect if sun is below horizon to distinguish between clear day and clear night.

This is how mu cards detect it and change the icon accordingly

1reaction
bremorcommented, Nov 13, 2020

I would’ve thought clear-day would be better known as “sunny” 😉

Read more comments on GitHub >

github_iconTop Results From Across the Web

Learn the weather icons on iPhone - Apple Support
The icons in the Weather app indicate different weather conditions, like fog or haze. Here's a list of some of the weather icons...
Read more >
What do the iPhone weather symbols mean? | Metro News
When it comes to the various weather icons on your iPhone, you'd be forgiven for finding their meanings a little foggy. Here's a...
Read more >
Weather Icons - 222 font icons inspired by Font Awesome and ...
Weather Icons is the only icon font and CSS with 222 weather themed icons, ready to be dropped right into Bootstrap, or any...
Read more >
Weather Icons | World Weather Information Service
The following weather icons are used to represent the current weather conditions and weather forecast of the cities.
Read more >
Weather Forecast Card - Home Assistant
The name of the location where the weather platform is located. If not set, the name will be the ... The default weather...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found