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

https://github.com/FlatPepsi17/MMM-WeatherGraph

I have a new weather module with current conditions, rain graph for 48 hours, and a 7 day forecast list.

Sample screenshots showing different configurations:

Basic setup, showing rain & snow:

Metric options, and a 24hr precip graph:

Love data? Turn everything on to see temp, wind speed, humidity, and cloud cover.

Prefer something minimal? Turn off any feature you want.

This module started as a fork of ‘MMM-forecast.io’ by dmcinnes (https://github.com/dmcinnes/MMM-forecast-io), adding many new features and moving to a new data source since DarkSky discontinued API access. (Thanks Apple- so nice of you.)

https://www.theverge.com/2022/12/30/23532275/dark-sky-app-stop-working-january-1st-alternatives

So DarkSky, and its weather API will be shutting down on 1/1/2023. Expect a large number of weather modules to break and stop updating.

There are a number of alternative weather modules out here. I have one, lots of folks have been hard at work updating others. Please be ready to direct folks coming to the forums with broken modules issues to the right answer.

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!

So DarkSky, and its weather API will be shutting down on 1/1/2023. Expect a large number of weather modules to break and stop updating.

There are a number of alternative weather modules out here. I have one, lots of folks have been hard at work updating others. Please be ready to direct folks coming to the forums with broken modules issues to the right answer.

See also: https://www.theverge.com/2022/12/30/23532275/dark-sky-app-stop-working-january-1st-alternatives

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!

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

@sdetweil
Just learned that apps using DarkSky end on 1/1/23, but the API is actually on until March 31, 2023

https://blog.darksky.net/

So I’m about 3 months early…

@FlatPepsi So I finally added an option I wanted, but never got around to doing. I originally wanted this module to let me know if I needed to get up early and shovel the driveway… which means I want daily precipitation totals handy.

Now it’s available as an option!

The latest code can be found on GitHub. Let me know if you find any bugs. Precipitation totals use inches or mm/cm, following the existing Imperial/Metric setting.

Enjoy!

https://github.com/FlatPepsi17/MMM-WeatherGraph

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

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.

@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.

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

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.

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!

@Mykle1 Yep, I’m an idiot. Wrong time zone.
Fixed it, and back to normal.

For the record, the weather apps act strange when you’re running an hour behind reality.