This took me a while, so I thought I’d share. Here’s how to add color to the weather icons on for MMM-forecast.io (darksky) module. The same concept applies to other weather modules- just change the module names below:

Edit the file ~/MagicMirror/css/custom.css
and add the following to the bottom:

.MMM-forecast-io .wi-sunrise {
color: #ffd700;
}
.MMM-forecast-io .wi-sunset {
color: #ffa500;
}
.MMM-forecast-io .wi-day-sunny {
color: #ffff00;
}
.MMM-forecast-io .wi-night-showers {
color: #55acee;
}
.MMM-forecast-io .wi-degrees {
color: #415;
}
.MMM-forecast-io .wi-rain {
color: #55acee;
}
.MMM-forecast-io .wi-showers {
color: #55acee;
}
.MMM-forecast-io .wi-night-showers {
color: #55acee;
}
.MMM-forecast-io .wi-night-alt-cloudy-windy {
color: #aaa;
}
.MMM-forecast-io .wi-night-cloudy {
color: #aaa;
}
.MMM-forecast-io .wi-cloudy {
color: #aaa;
}
.MMM-forecast-io .wi-day-cloudy {
color: #aaa;
}
.MMM-forecast-io .wi-cloudy {
color: #aaa;
}
.MMM-forecast-io .wi-cloudy-windy {
color: #aaa;
}
.MMM-forecast-io .wi-showers {
color: #55acee;
}
.MMM-forecast-io .wi-thunderstorm {
color: #ff00ff;
}
.MMM-forecast-io .wi-snow {
color: #fff;
}
.MMM-forecast-io .wi-fog {
color: #999;
}
.MMM-forecast-io .wi-night-clear {
color: #fff;
}
.MMM-forecast-io .wi-night-rain {
color: #55acee;
}
.MMM-forecast-io .wi-night-thunderstorm {
color: #ff00ff;
}
.MMM-forecast-io .wi-night-snow {
color: #fff;
}

.MMM-forecast-io .wi-sunrise {
color: #ffd700;
}
.MMM-forecast-io .wi-sunset {
color: #ffa500;
}
.MMM-forecast-io .wi-day-sunny {
color: #ffff00;
}
.MMM-forecast-io .wi-night-showers {
color: #55acee;
}
.MMM-forecast-io .wi-degrees {
color: #415;
}
.MMM-forecast-io .wi-rain {
color: #55acee;
}
.MMM-forecast-io .wi-showers {
color: #55acee;
}
.MMM-forecast-io .wi-night-showers {
color: #55acee;
}
.MMM-forecast-io .wi-night-alt-cloudy-windy {
color: #aaa;
}
.MMM-forecast-io .wi-night-cloudy {
color: #aaa;
}
.MMM-forecast-io .wi-cloudy {
color: #aaa;
}
.MMM-forecast-io .wi-day-cloudy {
color: #aaa;
}
.MMM-forecast-io .wi-cloudy {
color: #aaa;
}
.MMM-forecast-io .wi-cloudy-windy {
color: #aaa;
}
.MMM-forecast-io .wi-showers {
color: #55acee;
}
.MMM-forecast-io .wi-thunderstorm {
color: #ff00ff;
}
.MMM-forecast-io .wi-snow {
color: #fff;
}
.MMM-forecast-io .wi-fog {
color: #999;
}
.MMM-forecast-io .wi-night-clear {
color: #fff;
}
.MMM-forecast-io .wi-night-rain {
color: #55acee;
}
.MMM-forecast-io .wi-night-thunderstorm {
color: #ff00ff;
}
.MMM-forecast-io .wi-night-snow {
color: #fff;
}

I’m quite sure there’s an answer, but I don’t speak Unix very well.

Another thought- half the fun of a magic mirror is making it! Why not get a good backup of the finished product, and let the kid hack away at it? If it gets mangled too bad, email him your backup files, with a note “you broke it, you fix it”?

I’ve work on this off & on for over 4 years, thought I’d finally show it off.

The hardware is from a Kano kit that the kids got bored with. It’s a little LCD screen with a Pi mount behind it, all powered by USB. I’ve seen these for sale on Facebook Marketplace for under $100 lately.

The Kano screen is for the kids to see it, I usually see it via a web page on my phone using http://192.168.1.x:8080

I have this connected to 2 google calendars. The idea is to have mine on top, and the kid’s schedule at the bottom. I sometimes put the school lunch menu as daily entries for them.

I’m most proud of the weather half of the screen. I’ve used dmcinnes/MMM-forecast-io weather module, and forked it to add a visual graph of rain, temperature, and wind. I’m very happy with the result.

Module is at: https://github.com/FlatPepsi17/MMM-forecast-io

On the android side I’ve seen a number of people just view a webpage from the device. That’s probably the easiest way to go on the iPhone side – just use Safari to browse to server hosted elsewhere.

If you’re looking at having an iPhone host the server, that sounds like ugly development work to me.

I’ve just updated my fork of MMM-forecast-io

DarkSky, the source of data for this module is shutting down! Dark Sky API will end on March 31st, 2023 as per: https://blog.darksky.net/

I’ve looked around, and OpenWeather seems to be the easiest alternative. I’ve ported my fork to the new data source. Bug reports welcome, but seems to be running well so far.

The screen and display are essentially the same, only the data source has changed.

https://github.com/FlatPepsi17/MMM-forecast-io

Enjoy - and feel free to steal my code changes to update other forks!

For those seeking North American globe views, I have great news - GEOS-16 (aka GEOS-East) is now publishing live color (yes, COLOR) images!

See web site here:
https://www.star.nesdis.noaa.gov/GOES/GOES16_FullDisk.php

There are a few links for the latest image, depending on the resolution you want. (Watch out -many of the web site’s URLs are date and time specific) I’m using: https://cdn.star.nesdis.noaa.gov/GOES16/ABI/FD/GEOCOLOR/678x678.jpg

Until a proper GIT update is done on this module, you can edit your setup to get this new image. In the folder:
/home/pi/MagicMirror/modules/MMM-Globe
Edit the file: MMM-Globe.js

Find the lines with ‘centralAmericaDiscNat’: , and put the new URL in there. In my case, I used:

		'centralAmericaDiscNat': 'https://cdn.star.nesdis.noaa.gov/GOES16/ABI/FD/GEOCOLOR/678x678.jpg'

Do note that the code has 2 sections for different resolutions- you may need to update both.

Enjoy!

This sounds like a noble idea- but the number of monitors/screen out there is staggering.
It might be more fruitful to have a negative list - known monitors that DON’T work well as MM.

From what I’ve seen, anything with HDMI works, and with an adapter (which I’m doing), anything with a VGA works. Even the power on/off signals from MMM-PIR-Sensor works great on my humble VGA based, low-res Dell 1908FP.

@ironman_DK Not sure what my problem was, but rebooting once or twice seem to solve it. I’m wondering if there was some installed module that didn’t get initialized or something.

When in doubt reboot.

For anyone else using Dark Sky, Open Weather has a nice migration page with a table of field name changes between the two.

The overall data format is very close to the same, making migration easier.

https://openweathermap.org/darksky-openweather

Got it solved, but not sure what exactly fixed it.

I changed my config lines:

    address: "0.0.0.0",
    ipWhitelist: [],

And then rebooted. Didn’t fix it.
Rebooted again later, and then it was fixed.
Very odd - but fixed is fixed!

Felt inspired, added full metric support. Units set via the config file.

• ‘imperial’ for Fahrenheit temp and MPH wind
• ‘metric’ for Celsius temp and Meters Per Second wind

Graph now should scale appropriately when using non-default widths.

I’m still squashing bugs here and there - big update today. This one should be stable.

@doctorwhen Haven’t explored that one yet. The community really needs multiple weather sources - not a fan of being limited to just one resource!

@trividar See the first link of the first post.

For anyone else using Dark Sky, Open Weather has a nice migration page with a table of field name changes between the two.

The overall data format is very close to the same, making migration easier.

https://openweathermap.org/darksky-openweather

I’ve just updated my fork of MMM-forecast-io

DarkSky, the source of data for this module is shutting down! Dark Sky API will end on March 31st, 2023 as per: https://blog.darksky.net/

I’ve looked around, and OpenWeather seems to be the easiest alternative. I’ve ported my fork to the new data source. Bug reports welcome, but seems to be running well so far.

The screen and display are essentially the same, only the data source has changed.

https://github.com/FlatPepsi17/MMM-forecast-io

Enjoy - and feel free to steal my code changes to update other forks!

Ever make progress on this?
Getting info on the SleepIQ / SleepNumber API is rather hard.

I’d love to see what you have, even a work in progress!

Just added a change that now shows snowfall!
The precipitation graph is blue for rain, and white for snow.
Latest version updated in the GIT repository.

I’ve work on this off & on for over 4 years, thought I’d finally show it off.

The hardware is from a Kano kit that the kids got bored with. It’s a little LCD screen with a Pi mount behind it, all powered by USB. I’ve seen these for sale on Facebook Marketplace for under $100 lately.

The Kano screen is for the kids to see it, I usually see it via a web page on my phone using http://192.168.1.x:8080

I have this connected to 2 google calendars. The idea is to have mine on top, and the kid’s schedule at the bottom. I sometimes put the school lunch menu as daily entries for them.

I’m most proud of the weather half of the screen. I’ve used dmcinnes/MMM-forecast-io weather module, and forked it to add a visual graph of rain, temperature, and wind. I’m very happy with the result.

Module is at: https://github.com/FlatPepsi17/MMM-forecast-io

I see in the latest code that it is appending the date & time to avoid caching.

I’ve added a number of console log messages to the code, and it looks like it’s never refreshing. Can anyone confirm that MMM-Globe really does refresh for them, after the initial page load?

I’ve temporarily switched my mirror to MMM-iFrameReloaded, which does indeed refresh, but doesn’t scale the image to the size I need.