MagicMirror Forum

FlatPepsi

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

FlatPepsi

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”?

FlatPepsi

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!

FlatPepsi

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.

FlatPepsi

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

FlatPepsi

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.

FlatPepsi

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!

FlatPepsi

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

FlatPepsi

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.

FlatPepsi

I see in the latest code that it 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 it really does refresh for them?

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

FlatPepsi

@sdetweil I just discovered that there are two totally different modules called “MMM-Globe”.

One does a live, static satellite view of earth. That’s the one I’m using.

There’s another one that does a rotating polygon globe, and yes, that one is resource intensive. Haven’t played with that one yet.

FlatPepsi

Bump.
I’m having the same issue. It appears that it never refreshes, or stops after a few hours. Not sure which.

FlatPepsi

I have a basic, working magic mirror.
I’m looking at upgrading my screen to a touch screen, which would basically give a mouse click when touched.

What’s be best way to have the mouse click trigger modules to appear or disappear?

My end goal is to have a regular mirror, then on a click switch back & forth to a slideshow mode. I see a few Slideshow modules out there, so that’s easy.

FlatPepsi

Same here - feels like the source web site timing out. My mirror only displays the radar about half the time. I’ve set the refresh interval to something very low (an hour, I think) on the chance I’m being throttled.

Any updates on this issue?

FlatPepsi

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!

FlatPepsi

Made that change, and still can’t view the web page remotely.
Odd, since I was able to before the MM update.

I can VNC into the mirror, so I know the IP is right, and it’s got a good network connection.

Anyone have tips on seeing logs on the mirror to start troubleshooting?

FlatPepsi

I used to be able to view my Mirror’s web page from my phone & PC (nice when in the house, but not at the mirror). Yesterday I updated the MM core to the latest, and now the page won’t show remotely. Did something change in the MM core around this?

My config.js includes:

port: 8080,
ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1", "192.168.1.14"
          , "192.168.1.199", "192.168.1.0"],

FlatPepsi

@FlatPepsi

Best posts made by FlatPepsi

Latest posts made by FlatPepsi