I also got magic mirror running.now I wanna use voice commands but struggle with the approach…has anyone magicmirror with voice commands for has l running?
For those how are interested:
I modified the module to show a list of sensors on the MagicMirror together with mdi icons.
1 Like
My MagicMirror just got damaged recently 
the monitor died after a year of being a “mirror”
Maybe it’s a dumb question but how can I run magic mirror on Hassio?
哈哈！大佬！求分享！
You can’t.
Ok. Is there another way to run magicmirror and HA on the same rpi3?
Install MM first then homeassistant in virtualenv
Hope it is not too late to ask. How can I change the icon, name, value color?
You can specify the icon under within each sensor.
The name is taken from the friendly name as specified in Home-Assistant.
Color is not yet implemented. Feel free to submit an PR 
icons: [{
"default": "account",
"state_off": "run",
"state_on": "run-fast"
}
]I got all working. What I would like to change is color of the text(name of the sensor) and value (on, off)
Got it done.
Could you share how
the formatting show up ok for you guys? my sensors arnt lined up at all.
post your config of mmm-homeassistant-sensors, also the frontend of the mirror thus we can help.
Awesome, thanks for the quick assist!
{
module: 'MMM-homeassistant-sensors',
position: 'bottom_right',
config: {
url: 'http://xx.x.x.xx:xxx/api/states?api_password=xxx',
prettyName: false,
title: "Plex",
stripName: false,
values: [{
sensor: "sensor.watching_plex",
icons: [{
"default": "plex"
}
]
},
{
sensor: "sensor.tautulli_total",
icons: [{
"default": "plex",
}
]
},
{
sensor: "sensor.tautulli_total_bandwidth",
icons: [{
"default": "plex",
}
]
}
]
}
},
by the way, i have an automation so when the number of users change this pops up for 10 seconds. pretty cool
1 Like
what did you set in custom.css
nothing related to ha.
/*****************************************************
-
Magic Mirror *
-
Custom CSS *
-
* -
By Michael Teeuw http://michaelteeuw.nl *
-
MIT Licensed. *
-
* -
Add any custom CSS below. *
-
Changes to this files will be ignored by GIT. *
*****************************************************/body {
}
@font-face {
font-family: Airstream;
font-style: normal;
font-weight: 100;
src: url("/home/pi/MagicMirror/fonts/node_modules/Airstream-fontfacekit/web fonts/airstream_regular_macroman/Airstream-webfont.woff") format(“truetype”);
src: url("/home/pi/MagicMirror/fonts/Alcubierre.woff") format(“woff”);
}@font-face{ font-family: Luxia; src: url("/home/pi/MagicMirror/fonts/Luxia-Display.ttf") format("truetype"); font-weight: normal; font-style: normal; } .clock .time { font-family: Airstream; color: #3385ff; }/* wind speed selector */
.currentweather > .module-content > div > div.normal.medium > :nth-child(2),
/ wind direction selector */
.currentweather > .module-content > div > div.normal.medium > :nth-child(3),
/ sunset/sunrise time selector /
.currentweather > .module-content > div > div.normal.medium > :nth-child(6){
color: #3385ff;
}
.wi.dimmed.wi-sunset {
color: orange;
}
.wi.dimmed.wi-sunrise {
color: yellow;
}
.wi-day-sunny {
color: yellow;
}
.wi-day-cloudy {
color: yellow;
}
.wi-rain {
color: grey;
}
.wi-thunderstorm {
color: grey;
}
.wi-snow {
color: white;
}
.wi-fog {
color: white;
}
.wi-night-clear {
color: white;
}
.wi-night-cloudy {
color: grey;
}
.wi-night-showers {
color: blue;
}
.wi-night-rain {
color: blue;
}
.wi-thunderstorm {
color: yelow;
}
.wi-night-snow {
color: white;
}
.wi-night-alt-cloudy-windy {
color: grey;
}
.compliments .xlarge {
color: #3385ff;
font-family: Airstream;
}
.newsfeed .medium {
color: #3385ff;
font-family: Airstream;
}
/ Sonos --------------------------------------------/
.sonos ul .type {
font-size: 12px;
padding: 0px 0px;
line-height: 12px;
width: 260px;
font-family: Airstream;
color: #3385ff;
}
.sonos ul .room {
font-size: 16px;
padding: 0px 0px;
line-height: 16px;
width: 260px;
font-family: Airstream;
color: #3385ff;
}
.sonos ul .song {
padding: 0px 0px;
position: relative;
font-family: Airstream;
color: #3385ff;
}
.sonos ul .art img {
height: 60px;
width: 60px;
border-radius: 50%;
margin: 0px 0px;
border: 2px solid #FFF;
font-family: Airstream;
color: #3385ff;
}
.sonos ul .name {
width: 200px;
font-size: 16px;
padding: 0px 4px;
line-height: 16px;
font-family: Airstream;
color: #3385ff;
}
/*****************************************************/
