• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

showHumidity

Scheduled Pinned Locked Moved Troubleshooting
13 Posts 3 Posters 7.8k Views 4 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • Z Offline
    zkab
    last edited by Dec 9, 2016, 12:17 AM

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

    C 1 Reply Last reply Dec 9, 2016, 2:05 AM Reply Quote 0
    • C Offline
      cowboysdude Module Developer @zkab
      last edited by cowboysdude Dec 9, 2016, 2:07 AM Dec 9, 2016, 2:05 AM

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

      1 Reply Last reply Reply Quote 0
      • Z Offline
        zkab
        last edited by Dec 9, 2016, 2:33 PM

        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 …

        1 Reply Last reply Reply Quote 0
        • W Offline
          Wedee
          last edited by Dec 9, 2016, 3:33 PM

          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.

          1 Reply Last reply Reply Quote 1
          • Z Offline
            zkab
            last edited by Dec 9, 2016, 4:28 PM

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

            C 1 Reply Last reply Dec 10, 2016, 11:48 PM Reply Quote 0
            • W Offline
              Wedee
              last edited by Dec 9, 2016, 4:49 PM

              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;

              1 Reply Last reply Reply Quote 0
              • Z Offline
                zkab
                last edited by Dec 9, 2016, 5:32 PM

                OK - a question though … I can’t find .wi-degrees in the iconTable for Current Weather

                .currentweather .wi-degrees {
                color: #415;
                }

                1 Reply Last reply Reply Quote 0
                • W Offline
                  Wedee
                  last edited by Dec 9, 2016, 7:34 PM

                  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?

                  1 Reply Last reply Reply Quote 0
                  • C Offline
                    cowboysdude Module Developer
                    last edited by Dec 9, 2016, 9:23 PM

                    LOL that is why I only added the one entry to the custom.css… css not my thing…

                    1 Reply Last reply Reply Quote 0
                    • Z Offline
                      zkab
                      last edited by Dec 10, 2016, 11:56 AM

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

                      C 1 Reply Last reply Dec 10, 2016, 1:57 PM Reply Quote 1
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        10/13
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy