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 8.0k 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

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

      cowboysdudeC 1 Reply Last reply Reply Quote 0
      • cowboysdudeC Offline
        cowboysdude Module Developer @zkab
        last edited by cowboysdude

        @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

          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

            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

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

              cowboysdudeC 1 Reply Last reply Reply Quote 0
              • W Offline
                Wedee
                last edited by

                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

                  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

                    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
                    • cowboysdudeC Offline
                      cowboysdude Module Developer
                      last edited by

                      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

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

                        cowboysdudeC 1 Reply Last reply Reply Quote 1
                        • 1
                        • 2
                        • 1 / 2
                        • First post
                          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