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.5k 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

      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

        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
        • brobergB Offline
          broberg Project Sponsor
          last edited by

          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

            Hello,

            thank you for your help.

            The changes works.

            Lars

            1 Reply Last reply Reply Quote 1
            • 1 / 1
            • First post
              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