Read the statement by Michael Teeuw here.
showHumidity
-
I don’t get the humidity … here is my config.js
{
module: ‘currentweather’,
position: ‘top_right’,
header: ‘Väder’,
config: {
showHumidity: true,
location: ‘Stockholm’,
locationID: ‘2673730’, //ID from http://www.openweathermap.org
appid: ‘2a0636679f9705c4959bf8f6515d2a77’
}
},
{
module: ‘weatherforecast’,
position: ‘top_right’,
header: ‘Prognos’,
config: {
location: ‘Stockholm’,
locationID: ‘2673730’, //ID from http://www.openweathermap.org
appid: ‘2a0636679f9705c4959bf8f6515d2a77’
}
}, -
@zkab you won’t with the current weather module because it’s not part of the module… I have ‘tweaked’ mine to show it so if you want I’ll share it with you ;)
Here you go…
Download and copy this into your currentweather module dir…
https://github.com/cowboysdude/MMM-CurrentweatherTHEN add this to your custom.css file [you can change the color to anything you want]:
}
.brightb {
color: #55acee;
} -
Thanks - it works fine.
Is there a way to change other items in current weather like icon for sun (like to have it yellow), wind icon … -
Add…
.currentweather .wi-sunrise {
color: #ff0;
}
.currentweather .wi-sunset {
color: #eb0;
}
.currentweather .wi-night-showers {
color: #07f;
}
.currentweather .wi-degrees {
color: #415;
}
.currentweather .wi-rain {
color: #00f;
}
.currentweather .wi-showers {
color: #07f;
}
.currentweather .wi-night-showers {
color: #07f;
}
.currentweather .wi-night-alt-cloudy-windy {
color: #aaa;
}
.currentweather .wi-night-cloudy {
color: #aaa;
}
.currentweather .wi-cloudy {
color: #aaa;
}
.currentweather .wi-day-cloudy {
color: #aaa;
}
.currentweather .wi-cloudy {
color: #aaa;
}
.currentweather .wi-cloudy-windy {
color: #aaa;
}
.currentweather .wi-showers {
color: #00f;
}
.currentweather .wi-thunderstorm {
color: #ff0;
}
.currentweather .wi-snow {
color: #fff;
}
.currentweather .wi-fog {
color: #999;
}
.currentweather .wi-night-clear {
color: #fff;
}
.currentweather .wi-night-rain {
color: #00f;
}
.currentweather .wi-night-thunderstorm {
color: #ff0;
}
.currentweather .wi-night-snow {
color: #fff;
}to your custom.css file.
-
Thanks - now I get a yellow sun rise icon.
If I want the same thing for forecast icons do I change ‘currentweather’ to ‘weatherforecast’ and add it to my custom.css}
.weatherforecast .wi-night-showers {
color: #07f;My custom.css looks like this - I am not sure if the { … } are right.
body {
}
.brightb {
color: #55acee;
}
.currentweather .wi-sunrise {
color: #ff0;
}
.currentweather .wi-sunset {
color: #eb0;
}
.currentweather .wi-night-showers {
color: #07f;
}
.currentweather .wi-degrees {
color: #415;
}
.currentweather .wi-rain {
color: #00f;
}
.currentweather .wi-showers {
color: #07f;
}
.currentweather .wi-night-showers {
color: #07f;
}
.currentweather .wi-night-alt-cloudy-windy {
color: #aaa;
}
.currentweather .wi-night-cloudy {
color: #aaa;
}
.currentweather .wi-cloudy {
color: #aaa;
}
.currentweather .wi-day-cloudy {
color: #aaa;
}
.currentweather .wi-cloudy {
color: #aaa;
}
.currentweather .wi-cloudy-windy {
color: #aaa;
}
.currentweather .wi-showers {
color: #00f;
}
.currentweather .wi-thunderstorm {
color: #ff0;
}
.currentweather .wi-snow {
color: #fff;
}
.currentweather .wi-fog {
color: #999;
}
.currentweather .wi-night-clear {
color: #fff;
}
.currentweather .wi-night-rain {
color: #00f;
}
.currentweather .wi-night-thunderstorm {
color: #ff0;
}
.currentweather .wi-night-snow {
color: #fff;
}
} -
Yes it appears both utilize the same icon table, so it should work.
each entry should be…
.MODULENAME .ICONNAME {
color: XXXX;
}For each color you can do it several ways… check out http://www.w3schools.com/colors/colors_names.asp for the options on colors I find it easier to use the names vs the color hex codes or RBG values.
color: white;
-
OK - a question though … I can’t find .wi-degrees in the iconTable for Current Weather
.currentweather .wi-degrees {
color: #415;
} -
I believe it comes from the Icon Package source.
https://erikflowers.github.io/weather-icons/
In the vendor/weather-icon/ folder he is loading erikflowers weather icon package.
On that page “Link Above” there is a wi-degrees icon.
Does it work?
-
LOL that is why I only added the one entry to the custom.css… css not my thing…
-
Wedee, you are right - there is wi-degrees icon in the package but it doesn’t matter what color I choose it still is white … hmm
.currentweather .wi-degrees {
color: #f00;
}