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.3k 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 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
      • W Offline
        Wedee
        last edited by

        Looking at currentweather.js the degree symbol is not declared, and the symbol is only being appended to the temperature “&deg”.

        var temperature = document.createElement(“span”);
        temperature.className = “bright”;
        temperature.innerHTML = " " + this.temperature + “°”;
        large.appendChild(temperature);

        So I guess there are two options. Change it to use the icon from the icon package, or change the color of the symbol.

        Sorry don’t have a direct answer, but might find some time to play and see if I can make it work. Someone heer should know exactly what to change.

        Thanks,

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

          @zkab just use this:

          .wi-sunrise {
          color: #ff0;
          }
          .wi-sunset {
          color: #eb0;
          }
          .wi-night-showers {
          color: #07f;
          }
          .wi-degrees {
          color: #415;
          }
          .wi-rain {
          color: #00f;
          }
          .wi-showers {
          color: #07f;
          }
          .wi-night-showers {
          color: #07f;
          }
          .wi-night-alt-cloudy-windy {
          color: #aaa;
          }
          .wi-night-cloudy {
          color: #aaa;
          }
          .wi-cloudy {
          color: #aaa;
          }
          .wi-day-cloudy {
          color: #aaa;
          }
          .wi-cloudy {
          color: #aaa;
          }
          .wi-cloudy-windy {
          color: #aaa;
          }
          .wi-showers {
          color: #00f;
          }
          .wi-thunderstorm {
          color: #ff0;
          }
          .wi-snow {
          color: #fff;
          }
          .wi-fog {
          color: #999;
          }
          .wi-night-clear {
          color: #F4F8A9;
          }
          .wi-night-rain {
          color: #00f;
          }
          .wi-night-thunderstorm {
          color: #ff0;
          }
          .wi-night-snow {
          color: #fff;
          }

          Get rid of the currentweather from in front of the css… then you can change colors ;)

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