It’s interesting. I changed the header color in the .css file and after a reboot it shows up correctly when I render the page from openhab
However in MM the cog wheel and House Sensors still shows in red. So that color must be set somewhere in the MMM-Openhab config files
I’ll take another look
But the i-frame properties must come from somewhere, the title in the i-frame is red
This is the css file that is referenced
/* =================================== HEADER FARBE */
.mdl-layout__header {
background-color: #000000 !important;
color: red !important;
}
.mdl-layout {
background-color: #000000 !important;
}
/* =================================== HINTERGRUND FARBE */
/* HINTERGRUND STEUERELEMENTE */
.page-content {
background-color: #000000 !important;
}
/* HINTERGRUND Links/Rechts Wrapper */
.mdl-color--grey-100 {
background-color: #000000 !important;
}
/* =================================== STEUERELEMENTE LINE-HEIGHT */
/* ZEILENHÖHE */
html.ui-layout-condensed .mdl-form__row {
height: 45px;
}
/* =================================== STEUERELEMENTE FARBE */
/* STEUERELEMENTE - HINTERGRUND FARBE */
.mdl-color--white {
background-color: #000000 !important;
}
/* STEUERELEMENTE - TEXT FARBE */
.mdl-color-text--grey-700 {
color: #f4f00c !important;
}
/* STEUERELEMENTE - Zwischenstriche Farbe */
.mdl-form__row {
border-bottom: 1px solid #2d2d2d;
}
.mdl-form__label {
color: #ffffff !important;
}
.mdl-form__control {
color: #ffffff !important;
}
/* =================================== SWITCH FARBE OFF */
/* SWITCH Button Farbe */
.mdl-switch__thumb {
background-color: #fff;
}
/* SWITCH Button Track */
.mdl-switch__track {
background: #9b4f4f;
}
/* SWITCH Button Button-Farbe */
.mdl-switch__thumb {
background: #5b5757;
}
/* =================================== SWITCH FARBE ON */
/* SWITCH Button Button-Farbe */
.mdl-switch.is-checked .mdl-switch__thumb {
background: #d8d8d8;
}
/* SWITCH Button Track-Farbe*/
.mdl-switch.is-checked .mdl-switch__track {
background: #66d693;
}
/* =================================== FRAME Rundungen */
/* Fenster / Abschnitt Rundungen */
.mdl-form {
/*+border-radius: 10px;*/
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
/* =================================== BUTTON FARBE - OFF */
/* BUTTON SELECTED */
BUTTON.mdl-button--accent {
border: 1px solid #5ddd90;
/*+box-shadow: 0px 0px !important;*/
/*-moz-box-shadow: 0px 0px !important;
-webkit-box-shadow: 0px 0px !important;
box-shadow: 0px 0px !important;*/
background-color: #333 !important;
color: #5ddd90 !important;
}
/* =================================== BUTTON FARBE - ON */
/* BUTTON DESELECTED */
.mdl-form__setpoint BUTTON, .mdl-form__rollerblind BUTTON, .mdl-form__buttons BUTTON {
color: white;
background-color: #545454;
/*+border-radius: 5px;*/
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}
/* =================================== BUTTON FARBE - HOVER */
/* BUTTON HOVER FARBE */
BUTTON.mdl-button:hover {
background-color: #5ddd90;
}
and this is the html file that Openhab uses
@sdetweil
Thanks, I already tried that, the MMM-Openhab module is (or at least it seems to me) based on an i-frame. There is no header or anything configurable in MM
That is why my first attempt was to modify the css file (MMM-Style.css) that MMM-Openhab uses inside Openhab to render the page.
Re: MMM-Openhab
Has anyone been able to change the color of the sitemap title that MMM-Openhab displays in the magicmirror?
I tried changing the color in the header section of the MMM-Style.css file in the Openhab/HTML/css folder but no luck
/* =================================== HEADER FARBE */
.mdl-layout__header {
background-color: #000000 !important;
color: #f4f00c !important;
}
I also tried editing the magicmirror custom.css file adding
.MMM-Openhab header{
color: #f4f00c
}
But again no change
Thank you
@BKeyport The pi I mentioned is a pi 3 with a single HDMI that I now have in the mirror. I am hoping to eliminate that and use a desktop computer that runs 24/7 to run MM on the mirror monitor as the second one.
It’s not a matter of clearing the screen so I can use the mirror, rather it i about not wasting energy on a monitor when most of the time we are not there.
I am going to try a two step process, stop MM, then turn off the monitor and on the reverse start the monitor and then start MM
Thanks again
@sdetweil Thank you, I was hoping to have just one computer with the home automation software and MM but i guess I will have to keep a pi exclusively for MM.
Re: Magic mirror with 2 displays
System HP desktop with DP and HDMI outputs
OP: Ubuntu 22
I want to run MagicMirror in a system with 2 monitors, showing MagicMirror on monitor 2
I also want to turn off the second monitor when we are not near.
I can turn the second monitor off and on using xrandr
I can start MagicMirror on monitor two using the electronPosition option in the config file
The problem is that when I turn off the second monitor MagicMirror “moves” to the main monitor which I don’t want.
I read about using the display variable to direct the output to the second monitor but I have no idea how to setup the display:0 and display:1 variables to point to the two monitors and I don’t even know if this will keep MM from moving to monitor 1 when I turn off monitor 2
Has anyone done this and have a solution or any hints?
Thank you
Carlos
@sdetweil Thank you for the guide. The properties of the elements I want to change seem to come from a material design style sheet .scss from the website hosting the webpage that is displayed in MagicMirror . Way above my level.
I’ll have to live with the current font size
Thanks again
Hi
Does anyone know how to change the font size in MMM-Openhab?
I have tried modifying every CSS and HTML style file and nothing seems to make a difference.
Thank you