Weather Tile - Open Weather - Current and Forecast

That worked Josh - Weather Widget displays again after running your update. However, I’d now like to be able to edit this tile’s style (defaults to a solid blue background) to match the color/opacity style I had before in order to match my other Dashboard elements.

When I do try to edit the color/opacity style of this (Custom) tile to match the other dashboard tile (Super & std. Thing tiles) via the tile editor - when saved, it doesn’t seem to take the change & stays with a default (solid blue) background. Is there a simple way to achieve this like I did for creating these other dashboard tiles? Is there a specific code line that needs to be modified? Other?
Thanks in advance for setting me straight.

There was a setting introduced back in the September 2023 update for this tile. Make sure you’re running the latest code and you can toggle that setting in each of your tile instances.

Weather Tile - Open Weather - Current and Forecast - #94 by josh

Toggle how? (Newbie here)
Is there a particular code line in the Open Weather custom tile I need to modify? Other?

It’s in the tiles settings on your dashboard.

BINGO!
Thanks Josh - you Da Man!!

How can I change “Varmeindeks” to “Føles som”?

1 Like

Hi my friend, I have no idea the meaning of the words but I changed some words from Open Weather making a rule that connects and extract all data to a set of variables. Then in the rule I changed some words, for example “nuboso” (cloudy) sound really strange in Spanish, I changed it by “nublado”. I hope this helps.

Thanks my friend. I will test this out.

1 Like

Wow, I was using this tile from 2021 or something like this, did not realize there is so mich progress has been done. As usual, kudos folks for such a great work. I was going to ask how do you configure layouts -:). In any case, I added Ambient Weather device, and got it sending all the data to hubitat, so this is great, however what will be the “right way” exposing my data vs. OpenWeather data on this tile. I understand I can copy all the data into variables and sprinkle them on my own Super Tile but thought maybe there is a better way of doing it.

Hi, I was just trying to do the same thing. I want to change to black. In the updated script I found this line at line 175. But this only changes the text color. I am still trying to find the numbers. While I stumble through, and teach myself html at the same time, I figured I would also post here to see if there are any suggestions.

Hi, you’re looking to change the tile background color to black? It’s been a while since I messed around with it but I’ll take a look.

Sorry. My post was not clear. I am trying to change all text on the tile to black. The one line I found changes the text color of the labels on the tile. But have yet to locate where to change the color of the text for the numbers on the tile. For example the temperature number, high and low, etc.

I’m not sure which line you originally changed, but you can set the color for the top-level body tag and it should cascade down to everything else.

I just did a fresh import and it looks like it’s Line 177 as of right now that reads like:

html, body { height: 100%; margin: 0; font-size: var(--font-size);  }

So you could add the color to that:

html, body { color: red; height: 100%; margin: 0; font-size: var(--font-size); }
             ^^^^^^^^^^^ 

If I remember correctly, the icons actually have the color embedded directly into them and they were black by default, so an .invert class is applied to each icon in the HTML to make it appear white. So you can either just remove the invert class from the three white icons or comment out the .inline-icon.invert CSS line.

If someone wants to take a stab at making this more dynamic rather than requiring the code tweaks to modify the font color, I’m open to a Pull Request!

I had some difficulty when trying to navigate the Open Weather site to obtain the API Key. So I decided to make a step-by-step instructional video on YouTube to provide a visual guide containing all the steps for the creation of this dynamic weather tile in the SharpTools dashboard.

4 Likes