• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Whole font should be displayed brightly

Scheduled Pinned Locked Moved Unsolved Troubleshooting
4 Posts 3 Posters 1.4k Views 2 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • K Offline
    Klinge
    last edited by May 24, 2019, 10:26 AM

    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

    1 Reply Last reply Reply Quote 0
    • R Offline
      retroflex Project Sponsor Module Developer
      last edited by May 24, 2019, 12:11 PM

      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.

      1 Reply Last reply Reply Quote 0
      • B Offline
        broberg Project Sponsor
        last edited by May 25, 2019, 7:36 AM

        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.

        1 Reply Last reply Reply Quote 0
        • K Offline
          Klinge
          last edited by May 27, 2019, 8:02 AM

          Hello,

          thank you for your help.

          The changes works.

          Lars

          1 Reply Last reply Reply Quote 1
          • 1 / 1
          1 / 1
          • First post
            4/4
            Last post
          Enjoying MagicMirror? Please consider a donation!
          MagicMirror created by Michael Teeuw.
          Forum managed by Sam, technical setup by Karsten.
          This forum is using NodeBB as its core | Contributors
          Contact | Privacy Policy