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.6k 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.
    • 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
                      • cowboysdudeC Offline
                        cowboysdude Module Developer @zkab
                        last edited by cowboysdude

                        @zkab Yes I noticed that too. I would like them to be different colors but they appear not to like the custom.css overrides.

                        Not too sure what package they are using because I’ve looked into the weathericon.css and nothing equates to what is in the currentweather.js file…

                        “01d”: “wi-day-sunny”,
                        “02d”: “wi-day-cloudy”,
                        “03d”: “wi-cloudy”,
                        “04d”: “wi-cloudy-windy”,
                        “09d”: “wi-showers”,
                        “10d”: “wi-rain”,
                        “11d”: “wi-thunderstorm”,
                        “13d”: “wi-snow”,
                        “50d”: “wi-fog”,
                        “01n”: “wi-night-clear”,
                        “02n”: “wi-night-cloudy”,
                        “03n”: “wi-night-cloudy”,
                        “04n”: “wi-night-cloudy”,
                        “09n”: “wi-night-showers”,
                        “10n”: “wi-night-rain”,
                        “11n”: “wi-night-thunderstorm”,
                        “13n”: “wi-night-snow”,
                        “50n”: “wi-night-alt-cloudy-windy”
                        is the currentweather.js but none of these are the same in the weathericons.css…

                        I’ve been trying to add the one for humidity but it’s not working so I went to check these and that’s what I found.

                        1 Reply Last reply Reply Quote 0
                        • 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