I’ve created a new module that displays EV charge state and location info pulled from Home Assistant: https://github.com/robotfishe/MMM-HAEV
I’ve been using my older MMM-Tronity module (https://github.com/robotfishe/MMM-Tronity) for years to fetch this data via Tronity’s API. I’ve recently traded in my Vauxhall for a Hyundai, and I’ve found Tronity doesn’t work as well with my new car, but thankfully there’s a very functional Home Assistant integration for getting data directly from Hyundai’s platform - hence this module. The style and layout are the same as MMM-Tronity.
The HA entities the module reads are configurable, so it should work with any vehicle/integration as long as the data exists somewhere on your Home Assistant instance.
I apologize for a every repeating question, but I cant figure it out completely.
So I want to change the color and/or the symbol, if the title has a specific text.
The readme says:
eventTransformer: (ev) => {
if (ev.title.search("John") > -1) ev.color = "blue";
return ev;
};
I also found, that I can be more detailed in styling, when I create a class for a event, like this:
eventTransformer: (event) => {
if (event.title.includes('Gus')) event.class = "gus"
return event
},
/* custom.css */
.CX3 .event.gus {
background-color: var(--calendarColor);
color: var(--oppositeColor);
border-radius: 4px;
}
If I want to change the symbol too, Sam said, I can use the same command just with “symbol” instead of color, I guess this?
eventTransformer: (ev) => {
if (ev.title.search("John") > -1) ev.symbol= "WHAT TO PUT HERE";
return ev;
};
Obviously I dont know how to put the symbol or the link to the symbol. I set “useIconify:true”, would this mean I can use ANY of the Iconify symbols by their name like “material-symbols:ar-on-you-outline-sharp”? Looks too easy to me, so I guess no.
If someone has time to spare Id appreciate some help.
I have the default module up and running, but the time appears to be off. For example, my local time currently is 1500 and the Current Weather shows the moon and the sunrise/sunset display is showing the next sunrise time. The header also says ETC/GMT (which I do not have set in my config.js).
// Current Weather Module
{
disabled: false,
module: "weather",
position: "top_right",
header: "Current Weather",
config: {
weatherProvider: "openweathermap",
type: "current",
location: "Norwich",
locationID: "4839843",
apiKey: "XXXX"
}
},
// 5-Day Weather Forecast Module
{
disabled: false,
module: "weather",
position: "top_right",
header: "5-Day Weather Forecast",
config: {
weatherProvider: "openweathermap",
type: "forecast", // Use "forecast" for the 5-day forecast
location: "Norwich",
locationID: "4839843",
apiKey: "XXXXX",
colored: true
}
},
My clock module is set to correct time, and my pi is also set correctly.
Any where else I should check? Thanks.
Hey guys,
I am building a MagicMirror with MMM-Framelight and a Button via MMM-GPIO-Notifications.
My goal is to send the notifications FRAMELIGHT_ON followed by a delayed FRAMELIGHT_OFF to make everything dark again.
How do i realise this kind of delay? Anyone knows a module with that functionality? Or can point me in the right direction?
Thanks for any help!
Description:
MMM-OPMStatus is a simple MagicMirror² module that displays the U.S. OPM Federal Operating Status (Washington, DC area).
It fetches the official JSON feed from OPM and shows the current status (Open, Closed, Delayed Arrival, etc.) along with the official message.
By default the module only shows when the status is not “Open”, making it great for kiosks and wall dashboards.
Features include:
Automatic refresh every X minutes (configurable)
Hide when Open, or briefly fade after a set time so you know data is fresh
Optional QR code display (only when not Open) so users can scan for details on their phone
No external dependencies; uses Node’s https client with proper headers to bypass CDN blocks
Screenshots:
[image: screenshot.png]
Download:
MMM-OPMStatus
Version 1.0.0
Initial release
Polls OPM JSON feed
Hides module when “Open”
Configurable refresh interval and fade-after display
Optional QR code support
Hi everyone,
I’m working on upgrading my MagicMirror build and would love your thoughts & advice. I want to integrate acrylic panels with edge lighting behind the mirror frame, along with some custom fabrication to make it look sleek and modern.
Here’s what I’m thinking:
Use ⅛-inch or ¼-inch acrylic strips cut to size, possibly with custom engraving or patterns to diffuse the LED edge lighting.
Build a frame or housing that hides LEDs well, protects against dust, and allows easy access for maintenance.
Explore materials like acrylic, PETG, or polycarbonate for durability and clarity.
Trying to decide between laser cutting vs CNC routing vs buying prefabricated pieces.
Specifically, I’d love help with:
What acrylic thickness works best for edge lighting without too much diffusion or glare?
Recommended types of LED strips (color temp, brightness) that pair well with acrylic edges.
Tips for fabricating the frame—mounting techniques, matching finish, and minimizing visible seams or hardware.
Any shops or services you’ve used for custom plastic fabrication (laser/CNC) for mirror builds?
I’ve done some acrylic work with custom fabrication offerings and want to level up the aesthetics and functionality. Happy to share sketches and photos as it evolves!
Thanks in advance for any input or examples you’ve done.
I have an existing build that uses a 3B+. It has been running for years. I don’t recall the current OS I’m running, but can check it later on. What I’m finding is that the unit is really struggling to run. It takes quite a while to boot, and many of the modules aren’t refreshing. Is the 3B+ just not up to the task anymore with the newer OSs?
Hi, i am looking for someone to integrate my magic Mirror(running on Raspberry Pie) with Alexa and also some home apps i have for heating and lighting etc, if i could get it to do emails that would be a bonus., we are based in Leeds but i am sure with your knowledge you could do it remotely, let me know if its something you can do and also a price that would be awesome. thanks Eddie
Hello again guys
I am using the 3rd cal-mod from @MMRIZE and try to bring it up a bit more specific regarding styling.
So the documention says:
Transforming
You can manipulate or change the properties of the event.
eventTransformer: (ev) => {
if (ev.title.search("John") > -1) ev.color = "blue";
return ev;
};
This example shows how you can transform the color of events when the event title has specific text.
Would this mean, it looks up, if the events text is exact like the named text ( “John” in this example )
OR the event starts with the word
OR the event contains this word?
Also I wondered, if I can specify the icon used for this event, besides defining the events color?
Thank you very much and as always, regards from Germany
I have been setting general module position using a preset module location such as position: “top_left” in my config.js file and then resizing/minor adjustments in custom.css file via module specific transform (size) and position: relative with px adjustments of one or more sides. This process has worked just fine with the default clock and MMM-MktIndex perfectly.
However, now with MMM-OpenWeatherMapForcast module, it does not matter what changes I make in custom.css, that module will not move it’s position. I have tried both relative position changes and absolute position changes but it stays in the same location. Interestingly, in the same custom.css bracket for that particular module, the transform (0.75) has worked to make the module smaller, but the position changes do not take effect. Sometimes on launch, I will see the entire briefly in a different position, but it appears to snap back to the same location. I thought that settings in custom.css were highest in the hierarchy, so not sure why I cannot change the position.
Thanks in advance for any help.
In the recent past, when I sent the show article notification to my mirror, it would display the entire text of the article corresponding to the current headline in the newsfeed module. Now, when I do that, it displays a captcha and won’t let me see the full text of the article. Is there a workaround for this? Thanks!
Hi, this is just a little rant.
For someone like me who bought three different Raspberry Pi models (Pi 3 to Pi 5) complete with SSD and NVMe memory and different cameras, because each time it seemed that the hardware was the problem. After buying the hardware and following various tutorials, it seems that the problem is the software. Time passes and you have to switch to new hardware because the software has been updated. Here I am talking about OpenCV and the rpicam and picamera2 libraries. Then, even in the various mirror modules, I begin to see the complexity of installation, where the various developers tell you to go and look here without telling you how they did it, except to say “steak, frying pan, eat” instead of saying “buy steak, take a frying pan and put it on the stove, cook the steak, and when it’s done, you can put it on a plate and eat it.” Explaining the steps in detail makes it easier to understand and improve, but it seems to me that it is becoming increasingly difficult and does not help (search on Google, because even using various LLM leads you to make other mistakes or modify parts that should not be touched). I am talking about the most difficult modules; it would take more patience to write all the installation steps, especially if there are dependencies. I found it difficult even just to install node.js, and the steps should be clearly written in the MagicMirror wiki. So I ask for more patience from developers and, in technical matters such as node.js, opencv (referring to facial recognition), very complex modules, to use a language that is much easier to understand and more steps to guide users through the installation process step by step. Sorry for the rant, but after nine years of trying to install certain modules and spending a lot of money, I had to write this.
thank you
I want to make a 42 inch Magic Mirror using a Raspberry Pi.
I’m in the US and I was wondering if anyone else has any hardware recommendations for a mirror this large? I’d like to use all of the same hardware (monitor/TV, glass/mirror, etc) that someone has already built without issue.
Any help is greatly appreciated!
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.
Read the statement by Michael Teeuw here.
Categories
-
Announcements
Announcements regarding the MagicMirror software and forum.
-
Core System
Discuss the MagicMirror² core framework.
-
-
-
-
-
-
