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

            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

            With your input, this post could be even better 💗

            Register Login
            • 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