MagicMirror² v2.13.0 is available! For more information about this release, check out this topic.

Whole font should be displayed brightly



  • Hello,

    my bathroom, where my MM is , is too bright. So I would like to have all fonts bright. No darker shades.
    Unfortunately, I could not find anything to this in this forum.

    I would be happy if someone could help me.

    Thanks in advance.
    Lars


  • Project Sponsor Module Developer

    Untested, but I guess this would work…

    Look in main.css:
    https://github.com/MichMich/MagicMirror/blob/master/css/main.css

    .dimmed and .normal are the darker texts. Add these to you custom.css with a brighter color, e.g.:

    .dimmed {
    color: #aaa;
    }

    .normal {
    color: #fff;
    }

    Maybe you also need to override body / color and header / color. Also some modules use their own css names, then you need to override their colors in custom.css as well.


  • Project Sponsor

    As retroflex above stated add

    .dimmed {
      color: #fff;
    }
    
    .normal {
      color: #fff;
    }
    
    

    To the custom.css file (this will change almost all text to be white)

    You might also want to change the font weight (from normal to bold) to get a larger amount of light from the monitor.
    So add this to the custom.css as well

    body {
      font-weight: 900;
    }
    .thin {
      font-weight: 300;
    }
    
    .light {
      font-weight: 500;
    }
    
    .regular {
      font-weight: 600;
    }
    
    .bold {
      font-weight: 900;
    }
    

    Next step is to enlarge everything and/or experiment with other fonts.
    If it’s still not ok, then you need to change the mirror glass you are using or dimm the lights.



  • Hello,

    thank you for your help.

    The changes works.

    Lars


Log in to reply