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.

    How to make the background all black

    Scheduled Pinned Locked Moved Custom CSS
    7 Posts 4 Posters 4.7k Views 4 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.
    • I Offline
      icripps
      last edited by

      Hi guy, I am trying to figure out how to change the background of the magic mirror to a very deep black(darkest black ) and I am kind of course fused because idk how to do that. I know is some css background color I have to change but which one ? .

      For the record my background is all black, but it’s not black like how I want it. When I turn off all modules, you can actually see that the monitor is on and I don’t want that.

      Help😪

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @icripps
        last edited by

        @icripps in MM/css/main.css is the default color

        html {
          cursor: default;
          overflow: hidden;
          background: #000;
        }
        

        which is as black as the system can make it…

        monitors and tvs will still have a glow even showing black…

        my tvs do not turn off thru programming, so I use hiding all modules for sleep, but as u noted they still glow at night.

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        I 1 Reply Last reply Reply Quote 1
        • I Offline
          icripps @sdetweil
          last edited by

          @sdetweil thank you , I thought I was the only one facing that issue with the display. Thanks

          R 1 Reply Last reply Reply Quote 0
          • R Offline
            retroflex Project Sponsor Module Developer @icripps
            last edited by

            @icripps This is because monitors use backlightning. You can use an OLED display instead if you want to build a crazy expensive mirror :)

            But in daylight the backlight is hardly visible. As a simple workaround you can try to hang your mirror somewhere else where there’s more light.

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @retroflex
              last edited by

              @retroflex my TV/MM /Photoframe is a big nightlight in the hall…

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • R Offline
                rabbit83ka
                last edited by

                I’m just cutting the power of the backlight with a relais and MMM-PIR-Sensor. This way the screen is really black and invisible while it’s up immediatly if the sensor detects motion.

                R 1 Reply Last reply Reply Quote 1
                • R Offline
                  retroflex Project Sponsor Module Developer @rabbit83ka
                  last edited by

                  @rabbit83ka How do you cut the power to the backlight only?

                  1 Reply Last reply Reply Quote 0

                  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