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’
    }
    },


  • Module Developer

    @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-Currentweather

    THEN 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?


  • Module Developer

    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;
    }


Log in to reply
 

Looks like your connection to MagicMirror Forum was lost, please wait while we try to reconnect.